2016-11-11 3 views
2

Ich bin auf der Suche nach einer CSS-Schriftart, die so nahe wie möglich an einem Stempel wäre.CSS Font Styles - Stempel-Effekt

Zum Beispiel etwas in der Nähe dieses:

enter image description here

Ich ziehe es nicht um ein Bild zu verwenden, da der Text dynamisch ist.

Ich kann jemand Ratschläge geben, wie dies zu tun ist, würde ich es begrüßen.

UPDATE

Diese Frage erscheint ein Duplikat this

+0

nicht genau das gleiche, aber irgendwie ähnlich: http://www.1001fonts.com/top-secret-font.html – mrid

+0

Closest ein I ist eine Premium-Schriftart von Schriftarten finden. com: https://www.fonts.com/font/itc/rubber-stamp –

+0

Achten Sie darauf, keine kommerziellen Bilder auf QA-Sites zu teilen. Stellen Sie stattdessen einen Link bereit – Anirudha

Antwort

1

Nicht wirklich eine Schrift zu sein, aber es wird laden nur ein kleines Bild einmal, welche beliebig oft verwendet werden, können Sie wollen erzeuge einen ähnlichen Text.

* { 
 
    box-sizing: border-box; 
 
} 
 

 
h1 { 
 
    position: relative; 
 
    display: inline-block; 
 
    color: red; 
 
    padding: 15px; 
 
    background-color: white; 
 
    box-shadow:inset 0px 0px 0px 10px red; 
 
} 
 

 
h1:after { 
 
    content: ''; 
 
    position: absolute; 
 
    left: 0; 
 
    top: 0; 
 
    width: 100%; 
 
    height: 100%; 
 
    background-image: url("http://i.imgur.com/5O74VI6.jpg"); 
 
    mix-blend-mode: lighten; 
 
}
<h1> 
 
CANCELLED 
 
</h1>