眾所周知，網站可讀性取決於它的設計和外觀。網頁設計中扮演最重要角色的字型，使用的什麼樣的字型對您的網站很重要。例如，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」 列表的連結等。