Google Web Fonts 免費(fèi)為你的博客提供安全而漂亮的字體服務(wù)。通過使用Google Web Fonts，你的博客不用上傳任何字體，就能顯示除了常用的“Arial”， “Verdana”等字體之外的其它字體。

    眾所周知，網(wǎng)站可讀性取決于它的設(shè)計(jì)和外觀。網(wǎng)頁設(shè)計(jì)中扮演最重要角色的字體，使用的什么樣的字體對(duì)您的網(wǎng)站很重要。例如，Arial /Helvetica （sans-serif）， Verdana and Georgia是我們常用的web設(shè)計(jì)的字體。這些字體提供一個(gè)很好的可讀性，但如果你想用新字體，你需要做的就是確保瀏覽者的網(wǎng)絡(luò)設(shè)備安裝了這些字體。這樣很難確定。所以就得自己上傳字體到服務(wù)器，并通過CSS來加以控制。但現(xiàn)在，有一個(gè)更好的免費(fèi)工具，那就是Google Web Fonts

    在您使用Google Web Fonts服務(wù)之前，請(qǐng)首先了解以下幾點(diǎn)：

    1.選擇太多的字體會(huì)減緩你的博客加載速度，所以你只需選擇必須使用的。以免造成訪問速度變慢的情況發(fā)生。

    2.如果你只能選擇你所需要的語言，你會(huì)幫助防止您的網(wǎng)頁上的變得緩慢。

    3.目前Google Web Fonts的界面及預(yù)覽語言不為英語（不妨礙中文使用）。

    Google Web Fonts能直觀展示各種web字體，就像Serif，Sans-Serif，Display 和 Handwriting，你還可以瀏覽某些屬性，如腳本顯示字體、寬度、傾斜和厚度。所有這些屬性可以顯示在側(cè)窗格中。在你選擇你想要的字體時(shí)，你還可以直觀預(yù)覽諸如單詞、句子、段落等整體樣式。

    下面是一個(gè)簡單的教程，幫助你更快更好使用Google Web Fonts：

    1.點(diǎn)擊 Google Web Fonts 進(jìn)入谷歌字體服務(wù)，選擇您想要的字體，然后點(diǎn)擊右下角“Add to collection” 按鈕，在這里，我們選擇“Alike”字體來作為整個(gè)教程的例子字體。

    2.點(diǎn)擊“Add to collection”后，會(huì)在頁面最下方出現(xiàn)這樣一個(gè)信息“1 font family in your collection” 還有三個(gè)按鈕，分別是“Choose”，“Review” 和“Use”。 在這里，我們選擇 “Use”。也就是使用。

    3.它還要求對(duì)字體設(shè)置。選擇可用的樣式，例如“粗體、斜體”等。但只針對(duì)某些特定字體。接下來，選擇特定的語言字符。生成代碼。

    4.接下來是代碼部門，谷歌字體提供三種應(yīng)用代碼，分別是標(biāo)準(zhǔn)模式“Standard （external stylesheet）”， 導(dǎo)出模式“@import method”和JS模式“JavaScript”。根據(jù)需要，現(xiàn)在你需要的模式，不過在這里，我們建議選擇標(biāo)準(zhǔn)模式。 復(fù)制第3步的代碼，把它們拷貝到你主題的header.php的之前。

    5.現(xiàn)在，把字體的名字添加到你主題的css文件里面。例如：你想在段落

中使用google web Fonts作為默認(rèn)顯示字體。css代碼直接這樣寫就行：

    p {font-family:’Alike’, Arial;}

    此代碼將在您的博客段落顯示google字體“Alike”，如果要加載的字體遇到一些暫時(shí)性問題，那么它將顯示為“arial”字體。 同樣，您可以將字體樣式添加到其他元素，比如“body”整體布局、“l(fā)i”列表的鏈接等。 如果你是不太熟悉css，請(qǐng)參見 CSS basics at HTML Dog.

原文地址：How to use Google Fonts in your website blog?

翻譯作者：

http://www.iesay.com/

• 

  廣告合作

• 

  QQ群號(hào)：4114653