CSS font-family 新細明體

CSS font-family 新細明體的使用方式很簡單，就是把微軟新細明體的字型代號 PMingLiU 加到 CSS 的 font-family 參數中即可，部分瀏覽器也支援直接使用中文＂新細明體＂做為 font-family 的參數值。CSS font-fmaily 新細明體可以標示整個網頁內的文字或單純標示一個 DIV 區塊的文字字型，重點在於瀏覽者的電腦是否有內建或安裝新細明體的字型，以下為實際語法以及應用範例。

CSS font-family 新細明體語法

font-family: PMingLiU;

新細明體的英文代號為 PMingLiU，其時也可以直接寫＂新細明體＂，現在新的瀏覽器大部分都支援，不過還是要多測試幾個瀏覽器的實際呈現效果，另外，新細明體是微軟作業系統繁體中文版本的標準字型，不代表使用 Apple iOS、Android、Linux 這類非微軟作業系統的用戶會有新細明體的字型，使用時請自行斟酌。若要使用新細明體，可以考慮多加幾個通用字型給 font-family，詳細用法請參閱以下篇幅。

• CSS font-family 字型

以下我們看幾個幾單的 font-family 新細明體的實際應用。

CSS font-family 新細明體範例

<div style="font-family:PMingLiU;">DIV 採用新細明體的文字</div>
<div style="font-family:新細明體;">DIV 採用新細明體的文字</div>
<span style="font-family:PMingLiU;">span 採用新細明體的文字</span><br>
<a href="#" style="font-family:PMingLiU;">超連結採用新細明體的文字</a>

輸出結果

DIV 採用新細明體的文字

DIV 採用新細明體的文字

span 採用新細明體的文字
超連結採用新細明體的文字

範例將 font-family 新細明體應用到不同的網頁元素中，第一行與第二行都是設定 DIV 區塊內的文字字型為新細明體，第三行為 span 的字型，第四行則為超連結的文字字型，除此之外，也可以直接在網頁 HTML 的 body 標籤內使用 font-family 新細明體，讓整個網頁內的文字預設為新細明體字型，關於 body 標籤的使用規則，請閱讀《HTML body 標籤》的介紹。