快捷導(dǎo)航

網(wǎng)頁(yè)使用Google Font API（字體）的方法

更新時(shí)間：2013年11月12日 15:55:57 作者：

本文介紹在網(wǎng)頁(yè)中如何使用Google Font API（字體）的方法

在網(wǎng)頁(yè)設(shè)計(jì)里，字體的顯示是個(gè)問(wèn)題。最普遍用的是宋體，但是宋體在 Win 7 下的表現(xiàn)真的很難看。雅黑端莊一些，但是隨著字體大小，感覺(jué)漢字的大小也會(huì)有區(qū)別。小站現(xiàn)在用的字體是是宋體 + Arial/Georgia，因?yàn)榱?xí)慣了也沒(méi)多在意，其實(shí)對(duì)于英文字體有其它更好的選擇。
比如 Bitter 字體，用來(lái)做標(biāo)題倒是不錯(cuò)：

復(fù)制代碼代碼如下:

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

CSS 怎么調(diào)用 Bitter 字體？

復(fù)制代碼代碼如下:

@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');
}

其實(shí)，這是 Google 推出的Google Font Directory和Google Font API兩項(xiàng)服務(wù)，Google聯(lián)合了眾多的字體設(shè)計(jì)者為用戶(hù)提供了多種漂亮的字體。具體可以參看以前寫(xiě)的一篇文章：《用Google Font API來(lái)豐富網(wǎng)頁(yè)字體》。
這里僅僅拋磚引玉，國(guó)內(nèi)實(shí)在太少網(wǎng)站用 Google Font API 了。