如何使字体在浏览器中看起来很旧且过时

Question

我想创建一个普通字体的随机字母。假设我想要 http://www.fontspace.com/category/washed%20out 那些，但我使用的是一种在浏览器中过时的常用字体。

这可能吗？我的意思是采用一种在那里洗过的字体，相同的字母总是以相同的方式看起来。

我真的很想有相同的字母，但看起来都有点不同。好像我自己手写的一样。

Answer 1

您可以使用透明的 png 图像在文本上叠加溅射效果。这只是您如何操作的示例：

h1 {
font-family: Arial, sans-serif;  
font-size: 3em;
  text-transform: uppercase;
  position: relative;
}
h1:after {
  content: '';
  background-image: url(http://i665.photobucket.com/albums/vv11/Acetonium/splatmask.png);
  background-size: 100% 100%;
  background-position: -250px 35px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity:  0.9;
  pointer-events: none;
}

<h1>This a header</h1>

Answer 2

没有真正令人满意的解决方案。

使用图像是将图像放在背景中，而不仅仅是文本。所以整个背景都在闪耀着图像。
任何其他方式都是浏览器不兼容或看起来很糟糕甚至占用许多资源

唯一的办法是使用现有的手写字体。实际上这还不是最糟糕的事情。

如何使字体在浏览器中看起来很旧且过时

How to make a font looking very old and out-washed in the browser

html

css

fonts

handwriting

webfonts