在設計我們的 WordPress 主題時，為了更強的表現主題的風格，需要使用自定義字型，這個所謂的自定義字型實際上可能使用者的電腦裡沒有的。怎麼辦？下面我們將展示如何自定義字型。

一、一般顯示字型的方法

在 CSS 中，我們會發現下面的語句 （通常在 style.css 檔案內）

#site-title a {font-family: 宋體;}

透過 font-family 告訴 ID 為 site-title 的連結字型為宋體。

二、顯示自定義字型的方法

現在我們不想顯示宋體，而是顯示 「方正綜藝簡體」，是不是直接把 「宋體」 改為 「方正綜藝簡體」 呢？如果使用者的電腦裡碰巧安裝了這種字型，就能夠正確顯示。但是不是所有的使用者都安裝了這種字型。所以直接修改的方法是行不通的。故我們需要尋找另一種方法。

  1. 下載 「方正綜藝簡體」
  2. 使用 @font-face

在主題資料夾中 （假設 weixiaoduo） 建立一個 fonts 資料夾，然後把你下載的字型放進去，根據你的需要，下載若干種字型。

@font-face 能夠載入伺服器端的字型檔案，讓客戶端顯示客戶端所沒有安裝的字型。 【微軟的 IE 5 已經是開始支援這個屬性，但是隻支援微軟自有的.eot (Embedded Open Type) 格式，而其他瀏覽器直到現在都沒有支援這一字型格式。然而，從 Safari 3.1 開始，網頁重構工程師已經可以設定.ttf(TrueType) 和.otf(OpenType) 兩種字型做為自定義字型了。

現在在你的樣式檔案裡寫 @font-face：

@font-face{
font-family: 方正綜藝簡體;
src:url('/www/wp-content/themes/weixiaoduo/fonts/方正綜藝簡體.ttf') format ("truetype");
}

現在可以使用:

#site-title a {font-family: 方正綜藝簡體;}