在設計我們的 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: 方正綜藝簡體;}