如何获得流畅的谷歌字体？

Question

我之前使用过插件WP Google Fonts,它也没有我要求的功能.

目前我正在使用当前使用的主题中已实现功能的Google字体.嵌入字体没有问题,它们显示正确.

现在有很多博客都有很好的可读性高清显示平滑字体,我也想要那些字体.正如我的WordPress中所见,它能够显示它们,例如:

没有锋利的边缘,没有像素等.这就是我想要的.

我选择"Droid Sans"作为我文章的字体.但是这个字体显示有锋利的边缘和像素化.示例如下:

(请注意,在新标签页中打开此图片可以更清楚地显示问题.)

有什么东西可以让它看起来光滑而又酷炫吗？

• 这只是错误的字体吗？我没有受到它的约束,并尝试了其他一些字体.他们似乎都有那些尖锐的边缘.如果您知道要比较的字体,请注意.
• 我必须添加一个CSS代码片段吗？
• 它是服务器端配置吗？

如何在文章页面中实现流畅的字体？

Answer 1

它取决于您使用的浏览器.

我倾向于使用:

 -webkit-font-smoothing: antialiased;

或模糊粗体文字:

-webkit-filter: blur(0.000001px);

对于webkit浏览器.

或者,您可以添加文本阴影以使文本看起来更平滑

 html, html a {
      text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
 }

我还建议你尝试不同的字体大小,因为一些自定义字体只会在特定尺寸下看起来很好.

除此之外,除了使用其他字体之外,你可以做的事情并不多.谷歌浏览器刚刚发布了更平滑字体的更新.查看svg字体可能也很有用

http://www.fontspring.com/demos/svg-vs-woff/