1

我想创建一个普通字体的随机冲洗字母。假设我想要http://www.fontspace.com/category/washed%20out这些字体,但我使用的是在浏览器中被洗掉的常用字体。

这可能吗?我的意思是采用一种已经洗掉的字体,相同的字母总是以相同的方式显示。

我真的很想有相同的字母,但看起来有点不同。也许好像我会自己亲手写。

4

2 回答 2

3

您可以使用透明的 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>

于 2015-02-22T14:13:03.500 回答
0

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

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

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

于 2015-03-01T09:40:28.003 回答