2014-02-12 39 views
6

我以前使用的插件WP Google Fonts,它还没有得到我的要求功能。如何获得流畅的Google字体?

现在我正在使用Google字体和当前使用的主题中实现的功能。字体嵌入没有麻烦,并且它们显示正确。

现在有很多博客用高清显示的可读性很好的平滑字体,我也想要这些字体。正如我在WordPress的看到,它能够向他们展示,下面举例:

enter image description here

有没有锋利的边缘,没有像素,等等。这是我怎么想它。

我当前选择了“Droid Sans”作为我的文章的字体。但是这种字体显示出锋利的边缘和像素化。下面的例子:

enter image description here (请注意,在新标签打开此图为问题更清楚。)

有什么使这个看起来光滑凉爽?

  • 它只是错误的字体吗?我不受它束缚,并尝试了一些其他字体。他们似乎都有那些锋利的边缘。如果您知道用于比较的字体,请注意它。
  • 是否有我需要添加的CSS片段?
  • 它是服务器端配置吗?

我怎样才能实现我的文章页面平滑字体?

回答

7

这可能取决于你使用的是什么浏览器。

我倾向于使用

-webkit-font-smoothing: antialiased; 

的WebKit浏览器。

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

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

我也建议你尝试不同的字体大小为一些自定义的字体将只好看在一定的大小。

除此之外,没有太多可以从使用除了做另一种字体。谷歌浏览器只发布了更流畅的字体更新。这也可能是看SVG字体

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

+1

ROFL有用的,我只是用一个其他字体,它工作得很好。我的字体(和其他一些)在16px时看起来很糟糕。我现在在一个小而简单的HTML页面中尝试了你的代码,它可以工作。感谢那! – Trollwut

相关问题