2014-02-12 44 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

相關問題