Google Fonts中文字體

google fonts是谷歌提供的網(wǎng)頁字體合集，海量字體為你提供免費(fèi)使用服務(wù)，簡單方便，歡迎大家在綠色資源網(wǎng)嘗試下載！

Google字體官網(wǎng)介紹

Google字體中文版，提供Google字體調(diào)試工具、Google字體在線預(yù)覽功能，中國大陸可以使用。Google字體解封,Google字體CDN,Google字體鏡像。

Google Fonts中文版功能特色

Google Fonts 提供了超過 600 種的高質(zhì)量的字體，所有的瀏覽器都兼容，無需引入 javascript，簡單易用

Google Fonts中文版使用說明

1.在綠色資源網(wǎng)下載登錄Google Fonts

2.在主頁中，您可以直接瀏覽所有的字體，可以按單個(gè)詞語來查看，或者按句子段落來查看整體效果，還可以調(diào)整字體大小。如果您對字體分類比較熟悉，就可以使用左邊的搜索條件對字體作篩選。找到您喜歡的字體之后，點(diǎn)擊"Add to Collection"按鈕，然后在網(wǎng)頁下方的"Collection"中即可找到您添加的所有字體。

3.在頁面的"Collection"中，點(diǎn)擊"review"。在預(yù)覽頁面中，輸入您的測試文字，來查看效果。另外在"review"頁面上，您還可以調(diào)整其它的與字體相關(guān)的樣式，比如字體大小，間隔，變換，等等。

4.如果確認(rèn)使用該字體， 在網(wǎng)頁下方的"Collection"中，點(diǎn)擊"Use"按鈕，在接下來的頁面中，您將看到詳細(xì)的說明，包括字體鏈接和如何將字體添加到您的網(wǎng)頁中。

5.有三種方式來添加字體鏈接：

Standard 方式：

<link rel='stylesheet' type='text/css'

href='http://fonts.googleapis.com/css?family=Condiment'>

@import 方式：

@import url(http://fonts.googleapis.com/css?family=Condiment);

JavaScript 方式：

（通過添加動態(tài)腳本并執(zhí)行來導(dǎo)入字體，代碼省略）

下一步定義在那個(gè)標(biāo)簽上使用該字體，例如：在<class="myheader">標(biāo)簽上使用，

.myheader {font-family: 'Condiment', cursive;}

大功告成，您現(xiàn)在可以打開您的網(wǎng)頁欣賞一下了