目前網(wǎng)頁上使用的字體都是常見的幾種,如’Lucida Grande’, Verdana, Arial, Sans-Serif,中文常見的有宋體。要想用比較個(gè)性的字體就比較麻煩了,因?yàn)槟悴荒鼙WC客戶端是否支持這種字體,常用的方法是用Photoshop 把文字制作成圖片。 為了讓網(wǎng)頁設(shè)計(jì)更加靈活,Google從2010年5月19日啟動(dòng)了網(wǎng)頁在線字體服務(wù),并一口氣發(fā)布了十八字體族。但與 Monotype Web Fonts、FontShop 等字體商不同,Google 這次開放的字體與它其他很多服務(wù)一樣,完全免費(fèi)。
Google 目前提供的字體共有十八種,均為目前比較流行的免費(fèi)字體,包括為 Android 而開發(fā)的 Droid 系列,被稱為“Fonts for Scholars”的 Cardo,為代碼印刷而設(shè)計(jì)的 Inconsolata,業(yè)余之作而不脛走紅的 Yanone Kaffeesatz 等等,其中最能引人注目的是字體師 John Fell 設(shè)計(jì)的 IM Fell 字體。
我想每個(gè)網(wǎng)頁設(shè)計(jì)師都會(huì)覺得這是個(gè)好消息,又一個(gè)來自Google的福音吧!
想使用它們嗎?使用這些字體無需付費(fèi),也不必注冊(cè),只需要做簡單的幾步,舉個(gè)例子,如果你想 在你的網(wǎng)頁中使用“Tangerine”這種字體:
1.在網(wǎng)頁頭部加入代碼
<link rel="stylesheet" type="text/css" href="
2.在你的CSS樣式表中加入 body { 如果想詳細(xì)的了解Google在線字體的話,請(qǐng)到官方主頁http://code.google.com/webfonts 詳細(xì)使用方法http://code.google.com/apis/webfonts/docs/getting_started.html 一個(gè)實(shí)例: <html>
font-family: 'Tangerine', serif;
font-size: 48px;
}
(注:這是讓頁面所有元素的字體都變成Tangerine,如果只想局部Tangerine字體只要改變CSS選擇器就可以了!)
3.刷新查看效果!
好了簡單嗎?
<head>
<link rel="stylesheet" type="text/css" href=" <style>
body {
font-family: 'Tangerine', serif;
font-size: 48px;
}
</style>
</head>
<body>
<h1>Making the Web Beautiful!</h1>
</body>
</html>
