當(dāng)前位置:軟件學(xué)堂 > 資訊首頁 > 網(wǎng)絡(luò)編程 > DIV+CSS > html字體屬性face

html字體屬性face

2012/11/15 15:32:11作者:佚名來源:網(wǎng)絡(luò)

移動端

【實(shí)例介紹】

html字體屬性face

字體使用是網(wǎng)頁設(shè)計(jì)中不可或缺的一部分。經(jīng)常地,我們希望在網(wǎng)頁中使用某一特定字體,但是該字體并非主流操作系統(tǒng)的內(nèi)置字體,這樣用戶在瀏覽頁面的時候就有可能看不到真實(shí)的設(shè)計(jì)。
face標(biāo)記用于設(shè)置文本所采用的字體名稱,使用者的瀏覽器中只有安裝了設(shè)置的字體后,才可以正確顯示,否則這些特殊的字體會被瀏覽器中的普通字體所代替。

【基本語法】

<font  face="字體的名稱">···</font>

【語法介紹】

在該語法中,face屬性用來定義字體,任何安裝在操作系統(tǒng)中的文字都可以顯示在瀏覽器中,可以給face屬性一次定義多個字體,字體直接使用“,”分割開,瀏覽器在讀取字體時,如果第1種字體不存在,則使用第2種字體代替,以此類推。如果設(shè)置的幾種字體在瀏覽器中都不存在,則會以默認(rèn)字體顯示。

【實(shí)例代碼】

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>字體屬性</title> </head> <body> <p><font face="宋體"> 一個人的快樂,不是因?yàn)樗麚碛械亩?,而是因?yàn)樗?jì)較的少。</font></p> <p><font face="微軟繁魏碑">心量狹小,則多煩惱,心量廣大,智慧豐饒。</font></p> <p><font face="經(jīng)典中圓簡">擇善人而交, 擇善書而讀, 擇善言而聽, 擇善行而從。</font></p> </body> </html>

【代碼分析】

在代碼中,加粗的代碼標(biāo)記分別用于設(shè)置不同的字體,在瀏覽器中瀏覽,可以看到應(yīng)用了不同的文字效果。

字體屬性face運(yùn)行效果

 【素材及源碼下載】

請點(diǎn)擊:html字體屬性face 下載本實(shí)例相關(guān)素材及源碼

 

標(biāo)簽: html  字體  屬性