跟大家講解下有關谷歌字體（Google Font）初探 [翻譯自Google官方文檔]_html/css_WEB-ITnose，相信小伙伴們對這個話題應該也很關注吧，現在就為小伙伴們說說谷歌字體（Google Font）初探 [翻譯自Google官方文檔]_html/css_WEB-ITnose，小編也收集到了有關谷歌字體（Google Font）初探 [翻譯自Google官方文檔]_html/css_WEB-ITnose的相關資料，希望大家看到了會喜歡。
這個指南解釋了如何使用Google Font的API,把網絡字體添加到自己的頁面上。你不需要任何的編碼,你所要做的只是添加一個特定的CSS到HTML頁面上，然后把字體關聯到這個CSS樣式。一個快速的例子： 這是一個例子，復制下面的HTML代碼到一個文件中：Html代碼
body { font-family: 'Tangerine', serif; font-size: 48px; } Making the Web Beautiful!用一個現代瀏覽器打開這個HTML文件，你就可以看到頁面顯示如下，用了一個叫做“Tangerine”的字體： 那個句子是普通的文本，所以你可以通過使用CSS來改變它的樣式。試著在前面的例子中添加一個陰影的樣式：
Html代碼
body { font-family: 'Tangerine', serif; font-size: 48px; text-shadow: 4px 4px 4px #aaa; }你可以看到，文字下面有陰影了： 這只是你能用字體API和CSS做東西的一個開始。概述： 您開始使用Google字體API只需要兩個步驟：1.添加一個樣式表來請求網絡字體
Html代碼
2.同樣，在一個樣式表中定義一個使用所請求的網絡字體的節點
Html代碼
CSS selector { font-family: 'Font Name', serif; }或者在這個節點上使用內嵌的樣式
Html代碼
Your text注意： 當在CSS樣式表中定義一個網絡字體時，總是要列出至少一個網絡安全的回退字體（fallback web-safe font ）用來避免不希望的行為。特別是在列表的最后添加一個CSS默認字體，像名為“serif”或者“sans-serif”的字體。這樣的話在必要的時候瀏覽器可以回退到它的默認字體。您可以使用的網絡字體一覽，可以參見 谷歌字體目錄 。在樣式表的URL中指定字體集和樣式： 要決定在您的樣式表連接中使用什么URL，就需要從谷歌字體API的基本URL開始：
Html代碼
http://fonts.googleapis.com/css然后加入字體集的URL參數，可以使用一個或多個字體集的名字和樣式。例如，請求 Inconsolata 字體：
Html代碼
http://fonts.googleapis.com/css?family=Inconsolata注意： 要用加號（+）替換字體集名字中的所有空格。
要請求多個字體集時，要用豎線（|）來隔開名字。例如，要請求Tangerine , Inconsolata , 和 Droid Sans 三種字體:
Html代碼
http://fonts.googleapis.com/css?family=Tangerine|Inconsolata|Droid+Sans請求多種字體，可以允許您在您的頁面上使用所有這些字體。（但是您也不要太離譜，大多數頁面不需要非常多的字體，而且請求很多字體會使您的頁面加載變慢。）字體API默認情況下提供了所請求字體的普通版本。要請求其它的樣式或大小，在字體的名字后面加一個冒號（：），跟隨在后的一系列的樣式和大小用逗號（，）分格。例如：
Html代碼
http://fonts.googleapis.com/css?family=Tangerine:bold,bolditalic|Inconsolata:italic|Droid+Sans要知道提供的字體有哪些大小和樣式，需要查詢谷歌字體目錄 。對于您所請求的每一個樣式，您既可以提供全名也可以提供縮寫，對于大小，您可以另外指定一個數字：
樣式 符號 斜體 italic 或 i 粗體 bold 或 b 或者是一個數字，就像700 粗體 斜體 bolditalic 或 bi例如，請求 “Cantarell” 斜體 和 “Droid Serif”粗體，您可以使用下面的任何一個URL：
Html代碼
http://fonts.googleapis.com/css?family=Cantarell:italic|Droid+Serif:boldHtml代碼
http://fonts.googleapis.com/css?family=Cantarell:i|Droid+Serif:bHtml代碼
http://fonts.googleapis.com/css?family=Cantarell:i|Droid+Serif:700指定腳本的子集：
一些字體在谷歌字體目錄中支持多種腳本（就像拉丁和西里爾），為了指定哪一個子集將被下載，需要在URL后面增加子集參數。
例如，為Philosopher 字體指定西里爾子集，URL應該寫成：
Html代碼
http://fonts.googleapis.com/css?family=Philosopher&subset=cyrillic為Philosophe 字體請求拉丁和西里爾子集，URL應該寫成：
Html代碼
http://fonts.googleapis.com/css?family=Philosopher&subset=latin,cyrillic要得到一個完整的字體和字體子集的列表，請參照谷歌字體目錄 。
以上翻譯自Google官方文檔，原文連接：http://code.google.com/intl/zh-CN/apis/webfonts/docs/getting_started.html
雖然官方連接里是zh-CN，但打開還是英文的，自己翻譯了一下，翻的很不好。。。。。
來源：php中文網