Google Web Fonts 免費為你的博客提供安全而漂亮的字體服務。通過使用 Google Web Fonts,你的博客不用上傳任何字體,就能顯示除了常用的 「Arial」, 「Verdana」 等字體之外的其它字體。
眾所周知,網站可讀性取決於它的設計和外觀。網頁設計中扮演最重要角色的字體,使用的什麼樣的字體對您的網站很重要。例如,Arial
/Helvetica (sans-serif), Verdana and
Georgia 是我們常用的 web 設計的字體。這些字體提供一個很好的可讀性,但如果你想用新字體,你需要做的就是確保瀏覽者的網絡設備安裝了這些字體。
這樣很難確定。所以就得自己上傳字體到服務器,並通過 CSS 來加以控制。但現在,有一個更好的免費工具,那就是 Google Web Fonts
在您使用 Google Web Fonts 服務之前,請首先了解以下兩點:
選擇太多的字體會減緩你的博客加載速度,所以你只需選擇必須使用的,以免造成訪問速度變慢的情況發生。
如果你只能選擇你所需要的語言,你會幫助防止您的網頁上的變得緩慢。
目前 Google Web Fonts 的界面及預覽語言不為英語 (不妨礙中文使用) 。
Google Web Fonts 能直觀展示各種 web 字體,就像 Serif 、 Sans-Serif 、 Display
和 Handwriting,你還可以瀏覽某些屬性,如腳本顯示字體、寬度、傾斜和厚度。
所有這些屬性可以顯示在側窗格中。在你選擇你想要的字體時,你還可以直觀預覽諸如單詞、句子、段落等整體樣式。
下面是一個簡單的教程,幫助你更快更好使用 Google Web Fonts:
1. 點擊 Google Web Fonts 進入谷歌字體服務,選擇您想要的字體,然後點擊右下角 「Add to collection」 按鈕,在這裏,我們選擇 「Alike」 字體來作為整個教程的例子字體。

2. 點擊 「Add to collection」 後,會在頁面最下方出現這樣一個信息 「1 font family in your
collection」 還有三個按鈕,分別是 「Choose「,「Review」 和 「Use「. 在這裏,我們選擇 「Use「. 也就是使用。

3. 它還要求對字體設置。 選擇可用的樣式, 例如 「粗體、斜體」 等。 但只針對某些特定字體。 接下來,選擇特定的語言字符。生成代碼。

4. 接下來是代碼部門,谷歌字體提供三種應用代碼,分別是標準模式 「Standard (external stylesheet)」,
導出模式 「@import method」 和 JS 模式 「JavaScript」 。根據需要,現在你需要的模式,不過在這裏,我們建議選擇標準模式。
複製第 3 步的代碼,把它們拷貝到你主題的 header.php 的</head> 之前。
5. 現在,把字體的名字添加到你主題的 css 文件裏面。例如:你想在段落<p> 中使用 google web Fonts 作為默認顯示字體。 css 代碼直接這樣寫就行:
p {
font-family: 'Alike', Arial;
}

此代碼將在您的博客段落顯示 google 字體 「Alike」,如果要加載的字體遇到一些暫時性問題,那麼它將顯示為 「arial」 字體。 同樣,您可以將字體樣式添加到其他元素,比如 「body」 整體佈局、 「li」 列表的鏈接等。