網頁使用Google Font API（字型）的方法_CSS/HTML

在網頁設計裡，字體的顯示是個問題。最常用的是宋體，但宋體在 Win 7 下的表現真的很難看。雅黑端莊一些，但是隨著字體大小，感覺漢字的大小也會有差別。小站現在用的字體是是宋體 Arial/Georgia，因為習慣了也沒多在意，其實對於英文字體有其它更好的選擇。
例如Bitter 字體，用來做標題倒是不錯：

複製程式碼 程式碼如下:

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:  font-style: normal;
  font-weight: 700;
  src: local('Bitter-Bold'), url(http://themes.googleusercontent.com/static/fonts/bitter/v4/JGVZEP92dXgoQBG1CnQcfD8E077Kwy37KwA. ) format('woff');
}

其實，這是Google 推出的Google Font Directory和Google Font API兩項服務，Google聯合了眾多的字體設計者為用戶提供了多種漂亮的字體。具體可以參考以前寫的一篇文章：《用Google Font API來豐富網頁字體》。
這裡僅僅拋磚引玉，國內實在太少網站用 Google Font API 了。