2016-11-11 13 views
2

ラバースタンプのできるだけ近くにあるCSSフォントを探しています。例えばCSSフォントスタイル - ラバースタンプの効果

これに近いもの:

enter image description here

私は、テキストが動的であるため、画像を使用しません。

私は誰もこれを行う方法について助言を提供することができます、私はそれを感謝します。

UPDATE

この質問はthis

+0

正確に同じですが、ちょっと似ていない:私は見つけることができますhttp://www.1001fonts.com/top-secret-font.html – mrid

+0

最も近いフォントからプレミアムフォントです。 com:https://www.fonts.com/font/itc/rubber-stamp –

+0

QAサイトでコマーシャルイメージを共有しないように注意してください。代わりにリンクを提供する – Anirudha

答えて

1

そうでもないフォントの重複のように見えるが、それはちょうどあなたがしたい何度でも使用することができたら小さな画像をロードします同様のテキストを生成する。

* { 
 
    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>

関連する問題