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

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

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

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

唯一的方法是使用现有的手写字体。实际上，这不是您可能拥有的最糟糕的事情。