
下面給大家介紹幾種常見的HTML字體樣式!
代碼示例:
!DOCTYPE html meta charset= utf-8 head title /title style type= text/css h2 { color: green; } #p1 { font-family: Times, Times New Roman , serif; } #p2 { font-family: Helvetica, Arial, sans-serif; } #p3 { font-family: serif; } #p4 { font-family: sans-serif; } #p5 { font-family: monospace; } #p6 { font-family: cursive; } #p7 { font-family: fantasy; } .s1 { font-style: italic; } .s2 { font-style: oblique; } .s3 { font-weight: bold; } .s4 { font-weight: 100; } .s5 { font-style: normal;} /style /head body h1 字體系列 /h1 p 與CSS一起使用。兩個常見的字體組合列表和五個通用后備字體系列。 /p 一個serif字體家族列表! h2 font-family: Times, Times New Roman , serif /h2 p id= p1 span >前臺效果如下圖:
font-family 規定元素的字體系列。font-family 可以把多個字體名稱作為一個“回退”系統來保存。如果瀏覽器不支持第一個字體,則會嘗試下一個。也就是說,font-family 屬性的值是用于某個元素的字體族名稱或/及類族名稱的一個優先表。瀏覽器會使用它可識別的第一個值。
有兩種類型的字體系列名稱:
指定的系列名稱:具體字體的名稱,比如: times 、 courier 、 arial 。
通常字體系列名稱:比如: serif 、 sans-serif 、 cursive 、 fantasy 、 monospace
提示:使用逗號分割每個值,并始終提供一個類族名稱作為最后的選擇。
注意:使用某種特定的字體系列(Geneva)完全取決于用戶機器上該字體系列是否可用;這個屬性沒有指示任何字體下載。因此,強烈推薦使用一個通用字體系列名作為后路。
font-style 屬性定義字體的風格。該屬性設置使用斜體、傾斜或正常字體。斜體字體通常定義為字體系列中的一個單獨的字體。理論上講,用戶代理可以根據正常字體計算一個斜體字體。
本篇就是關于HTML字體有哪些的相關介紹,希望對需要的朋友有所幫助!
鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。
新聞熱點
疑難解答