CSS字体样式 - 橡皮图章效果

Question

我正在寻找一种尽可能接近橡皮图章的CSS字体。

例如接近这一点：

我不喜欢使用图像，因为文字是动态的。

我有人可以就如何做到这一点提供一些建议，我将不胜感激。

更新

此问题似乎与this

重复

Answer 1

不是真正的字体，但它只会加载一个小图像一次，可以使用任何次数来生成类似的文字。

＆＃13;

＆＃13;

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

＆＃13;

<h1>
CANCELLED
</h1>

＆＃13;

＆＃13;

＆＃13;