能夠嘗試用Google Font API來擺脫網頁字體的單調

在網頁設計裏,字體的顯示是個問題。最廣泛用的是宋體,可是宋體在 Win 7 下的表現真的很難看。雅黑端莊一些,可是隨着字體大小,感受漢字的大小也會有區別。小站如今用的字體是是宋體 + Arial/Georgia,由於習慣了也沒多在乎,其實對於英文字體有其它更好的選擇。 css

好比 Bitter 字體,用來作標題卻是不錯: 字體

<div style="text-align:center; font-size:24px; font-family:Bitter;">Welcome To NowaMagic.net</div>
Welcome To NowaMagic.net

CSS 怎麼調用 Bitter 字體? 網站

@font-face {
  font-family: 'Bitter';
  font-style: normal;
  font-weight: 400;
  src: local('Bitter-Regular'), url(http://themes.googleusercontent.com/static/fonts/bitter/v4/s9gJB935qk_YG8d-lnTdvA.woff) format('woff');
}
@font-face {
  font-family: 'Bitter';
  font-style: normal;
  font-weight: 700;
  src: local('Bitter-Bold'), url(http://themes.googleusercontent.com/static/fonts/bitter/v4/JGVZEP92dXgoQBG1CnQcfD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

其實,這是 Google 推出的Google Font Directory和Google Font API兩項服務,Google聯合了衆多的字體設計者爲用戶提供了多種漂亮的字體。具體能夠參看之前寫的一篇文章:《用Google Font API來豐富網頁字體》google

這裏僅僅拋磚引玉,國內實在太少網站用 Google Font API 了。 url

相關文章
相關標籤/搜索