Html 如何使字体在浏览器中看起来非常陈旧和过时

我想创建一个普通字体的随机虚饰字母。比如说，我想拥有这些字体，但我使用的是一种在浏览器中被淘汰的常用字体

这可能吗？我的意思是用一种洗过的字体，同样的字母看起来总是一样的

---

我真的希望有相同的字母，但所有看起来有点不同。也许我会自己手写。

你可以使用一个透明的png图像在文本上覆盖一个飞溅的效果。这只是一个示例，说明了如何做到这一点：

h1{
字体系列：Arial，无衬线；
字号：3em；
文本转换：大写；
位置：相对位置；
}
h1：之后{
内容：''；
背景图片：url(http://i665.photobucket.com/albums/vv11/Acetonium/splatmask.png);
背景大小：100%100%；
背景位置：-250px 35px；
位置：绝对位置；
排名：0；
左：0；
宽度：100%；
身高：100%；
z指数：1；
不透明度：0.9；
指针事件：无；
}

---

这是一个标题

没有一个解决方案是真正令人满意的

• 使用图像是将图像置于背景中，而不仅仅是文本上。因此，整个背景得到了图像的闪光
• 任何其他方式都是浏览器不兼容或看起来不好，甚至占用了很多资源

---

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

多个分层渐变的组合可能是您想要的。但坦率地说，你在吹毛求疵，我怀疑这有多重要。嗯，只是在Chrome中工作，是的，不是真的随机的东西，只是改变了颜色。不过还是要谢谢你。你可以用渐变创建复杂的图案，我很确定它不再只是Webkit（这篇文章来自2012年）。我测试了它，只在Chrome中工作。你删除了

-Webkit-

供应商前缀了吗？或者为

-moz-

、

-ms-

等添加供应商前缀规则？因为在编写时，它明确地只针对WebKit。我添加了

指针事件：none

，以使与覆盖的交互不可能（因此选择、复制、右键单击等不会损坏）。非常感谢，但也不能让我满意。图像我有500个文本路径，所有这些都可以有多种颜色的背景。如果我接受你的解决方案，我会看到到处都是白点。我需要一个解决方案，这真的只是对文本，而不是背景。你的想法能做到吗？