我一直在研究如何在网页上执行字体抗锯齿。以下是我找到的一些解决方案:
-
-webkit-font-smoothing
属性:它似乎只适用于最新的浏览器。我没有尝试过。
- Google Font API:这很棒,而且易于使用。我想知道如何离线使用它。
- 一个名为 typeface.js 的 javascript 库:它使用 canvas 或 VML 绘制文本。看起来不错,但我没用过。
- 也许css3支持这个。
另外,我发现这个网站 gitorious.org 在主页上使用了非常漂亮的抗锯齿字体。但我想知道它是如何运作的。源代码显示它只是纯文本,但无法使用 Firebug 等调试工具进行更改。有谁知道这背后是什么?或者以其他方式解决此字体问题。
一种方法正如这里所建议的 http://www.renaissance-design.net/design/web-fonts-anti-aliasing-and-font-face/就是使用CSS属性text-shadow
,像这样:
text-shadow: 0 0 1px rgba(51,51,51,0.5);
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)