HTML 字型變化設定 face

HTML 設定文字字型用的語法是 face，與 CSS 中的 font-family 有異曲同工之妙，這裡透過 HTML face 設定的字型必須是網友的瀏覽器有的字型才會正常顯示，所以在使用的時候，盡量用一些通用字型會比較好一點，以下舉例給各位參考看看。

HTML face 常用字型表

字型說明	呈現效果
<font face="serif">serif 字型</font>	serif 字型
<font face="sans-serif">sans-serif 字型</font>	sans-serif 字型
<font face="cursive">cursive 字型</font>	cursive 字型
<font face="fantasy">fantasy 字型</font>	fantasy 字型
<font face="monospace">monospace 字型</font>	monospace 字型
<font face="微軟正黑體">微軟正黑體字型</font>	微軟正黑體字型
<font face="標楷體">標楷體字型</font>	標楷體字型
<font face="新細明體">新細明體字型</font>	新細明體字型

以上表格中 serif、sans-serif、cursive、fantasy、monospace 等稱為通用字型，而微軟正黑體、標楷體與新細明體均為特殊字型，設計師在使用這些特殊字型需考慮用戶的瀏覽器是否能夠正確顯示，比較好的方式是透過 CSS font-family 字型設計方式，同時設定多款不同字型，包含通用字型，讓瀏覽器依序篩選出能夠正確顯示的字型，且 HTML5 不支援 face 屬性，設計師應盡量以 CSS 為主要設計方式。

延伸閱讀