CSS font-family 微軟正黑體語法
font-family: Microsoft JhengHei;
誠如第一段所述,font-family 的參數寫入微軟正黑體的字型代號 Microsoft JhengHei 即可,也可以寫「font-family:微軟正黑體;」這樣表示,但在使用時,建議多找幾個瀏覽器測試效果是否有正確顯示,另外,微軟正黑體是 Windows 作業系統的標準字型,其它作業系統可能沒有安裝,所以在字型呈現的時候可能會無法顯示,建議多用幾個通用字型,請參閱以下 font-family 的參數值寫法教學。我們將會把 font-family 微軟正黑體套用在幾種不同的網頁元素中,如範例所示。
CSS font-family 微軟正黑體範例
<div style="font-family:Microsoft JhengHei;">DIV 採用微軟正黑體的文字</div>
<div style="font-family:微軟正黑體;">DIV 採用微軟正黑體的文字</div>
<span style="font-family:Microsoft JhengHei;">span 採用微軟正黑體的文字</span><br>
<a href="#" style="font-family:Microsoft JhengHei;">超連結採用微軟正黑體的文字</a>
輸出結果範例共有 DIV 區塊、span 區域以及超連結文字字型等三種網頁元素,全部都套用了 font-family 微軟正黑體的效果,若您的作業系統沒有微軟正黑體的字型,可能無法顯示效果。該不該使用微軟正黑體做為網頁的標準字型呢?這個問題在網頁設計師之間有許多的討論,但最重要的還是看設計出來的網頁受眾是誰,也就是目標族群是否會使用 Windows 作業系統?如果不敢肯定,就在 font-family 多用幾個通用字型吧!畢竟現在太多人使用 iOS、Android 這些作業系統或行動裝置。<div style="font-family:微軟正黑體;">DIV 採用微軟正黑體的文字</div>
<span style="font-family:Microsoft JhengHei;">span 採用微軟正黑體的文字</span><br>
<a href="#" style="font-family:Microsoft JhengHei;">超連結採用微軟正黑體的文字</a>
更多 font-family 使用字型