CSS font-family 微軟正黑體

CSS font-family 微軟正黑體的使用方式,是把微軟正黑體的字型代號 Microsoft JhengHei 寫入 CSSfont-family 的字型清單中,也可以直接使用繁體中文微軟正黑體做為 font-family 的參數,現在大部分主流的瀏覽器也支援這樣中文參數值的寫法。CSS font-family 微軟正黑體的字型可以套用到整個網頁的 <body> 標籤內或其它的網頁元素,例如 DIV 區塊、span 區域、input texttextarea ... 等。

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 採用微軟正黑體的文字
DIV 採用微軟正黑體的文字
span 採用微軟正黑體的文字
超連結採用微軟正黑體的文字
範例共有 DIV 區塊、span 區域以及超連結文字字型等三種網頁元素,全部都套用了 font-family 微軟正黑體的效果,若您的作業系統沒有微軟正黑體的字型,可能無法顯示效果。該不該使用微軟正黑體做為網頁的標準字型呢?這個問題在網頁設計師之間有許多的討論,但最重要的還是看設計出來的網頁受眾是誰,也就是目標族群是否會使用 Windows 作業系統?如果不敢肯定,就在 font-family 多用幾個通用字型吧!畢竟現在太多人使用 iOS、Android 這些作業系統或行動裝置。

更多 font-family 使用字型
© Copyright wibibi.com 網頁設計教學百科 基礎的網頁設計規劃、資料庫與程式設計 Since 2012