HTML font face 語法
<font face="字型名稱">網頁文字</font>
HTML 的 font face 屬性的參數＂字型名稱＂可以用來設定想要的字型，並直接套用在 font 標籤所包含的文字範圍內，每一次都只能套用一個字型，這裡要注意的是被套用字型必須是瀏覽者的電腦可以顯示的字型，例如 Windows 系列的電腦可能會有新細明體、微軟正黑體、標楷體這些字型，可是 iOS、Android、Linux 這些作業系統不一定會有這些字型，但普遍都會有通用字型，常見的 face 通用字型有 serif、sans-serif、cursive、fantasy、monospace 這些，請看範例的實際操作效果。HTML font face 範例
<font face="serif">這是 serif 字型的效果</font><br>
<font face="sans-serif">這是 sans-serif 字型的效果</font><br>
<font face="cursive">這是 cursive 字型的效果</font><br>
<font face="fantasy">這是 fantasy 字型的效果</font><br>
<font face="monospace">這是 monospace 字型的效果</font><br>
<font face="微軟正黑體">這是微軟正黑體字型的效果</font><br>
<font face="標楷體">這是標楷體字型的效果</font><br>
<font face="新細明體">這是新細明體字型的效果</font>
範例輸出效果<font face="sans-serif">這是 sans-serif 字型的效果</font><br>
<font face="cursive">這是 cursive 字型的效果</font><br>
<font face="fantasy">這是 fantasy 字型的效果</font><br>
<font face="monospace">這是 monospace 字型的效果</font><br>
<font face="微軟正黑體">這是微軟正黑體字型的效果</font><br>
<font face="標楷體">這是標楷體字型的效果</font><br>
<font face="新細明體">這是新細明體字型的效果</font>
這是 serif 字型的效果
這是 sans-serif 字型的效果
這是 cursive 字型的效果
這是 fantasy 字型的效果
這是 monospace 字型的效果
這是微軟正黑體字型的效果
這是標楷體字型的效果
這是新細明體字型的效果
範例所呈現的是使用 HTML font face 屬性將各種常見字型套用至網頁文字中的結果，每個字型的效果有些許差異，不過並非所有的字型都可以順利顯示，主要還是看瀏覽者的電腦是否能夠顯示所設定的字型，雖然這些字型透過 HTML font face 屬性可以很輕易的套用到網頁文字中，不過缺點是一次僅能套用一個字型，選擇太少代表風險提高，新一代的網頁字型設計通常採用 CSS 來做，優點是可以一次預設好幾的不同字型預排，請參閱：CSS font-family 屬性研究，設定你的文字。這是 sans-serif 字型的效果
這是 cursive 字型的效果
這是 fantasy 字型的效果
這是 monospace 字型的效果
這是微軟正黑體字型的效果
這是標楷體字型的效果
這是新細明體字型的效果
更多網頁字型設計