CSS font-family 新細明體

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

CSS font-family 新細明體語法
font-family: PMingLiU;
新細明體的英文代號為 PMingLiU,其時也可以直接寫"新細明體",現在新的瀏覽器大部分都支援,不過還是要多測試幾個瀏覽器的實際呈現效果,另外,新細明體是微軟作業系統繁體中文版本的標準字型,不代表使用 Apple iOS、Android、Linux 這類非微軟作業系統的用戶會有新細明體的字型,使用時請自行斟酌。若要使用新細明體,可以考慮多加幾個通用字型給 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 標籤》的介紹。

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