Css 如何获得平滑的谷歌字体？

我以前用过这个插件，它也没有我要求的功能

目前，我正在使用谷歌字体，在当前使用的主题中实现了一个功能。字体嵌入后不会出现问题，并且显示正确

现在有很多博客都有很好的可读性，高清显示的平滑字体，我也想要这些字体。正如在我的WordPress中看到的，它能够显示它们，示例如下：

没有锐利的边缘，没有像素，等等。这就是我想要的

我选择“Droid Sans”作为我文章的字体。但这种字体显示为锐利边缘和像素化。示例如下：

（请注意，在新选项卡中打开此图片可以更清楚地显示问题。）

有什么东西可以让这个看起来光滑和酷吗

• 只是字体不对吗？我不受它的约束，尝试了一些其他字体。它们似乎都有锋利的边缘。如果你知道比较用的字体，请注意
• 是否有一个CSS片段我必须添加
• 它是服务器端配置吗

---

如何在文章页面中实现平滑字体？

这取决于您使用的浏览器

我倾向于使用：

 -webkit-font-smoothing: antialiased;

或者，如果您有模糊的粗体文本：

-webkit-filter: blur(0.000001px);

在webkit浏览器上

---

或者，可以添加文字阴影，使文字看起来更平滑

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

我还建议您尝试不同的字体大小，因为某些自定义字体仅在特定大小时才好看

除此之外，除了使用另一种字体之外，你没什么可做的。谷歌Chrome刚刚发布了更流畅字体的更新。查看svg字体也可能很有用：

---

&

我使用谷歌字体（如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>

@导入url（'https://fonts.googleapis.com/css?family=Roboto:400、100100斜体、300300斜体、400斜体、500500斜体、700700斜体、900900斜体’；

Rofl，我刚刚使用了另一种字体，效果很好。我的字体（和其他一些字体）在16px时看起来很糟糕。我现在在一个小而简单的HTML页面中尝试了您的代码，它可以正常工作。谢谢你！