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

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字体可能也很有用：

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

Answer 2

我使用像SVG这样的谷歌字体解决了这个问题：

<style type="text/css">
    @import url('https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic');
 </style>