CSS權(quán)威指南讀書筆記-字體

CSS定義了5種通用字體系列

Serif 字體 成比例,有上下短線

Sans-Serif 字體 這些字體成比例,但沒有上線短線

Monospace字體 不成比例 通常用于模擬打字機(jī)輸出的文本

Cursive 字體 模仿人的手寫體

Fantasy 字體 無特定特征,無法歸類的字體

如果希望文檔中使用serif字體但不關(guān)心具體哪種,可以使用body{font-family:serif}

這樣用戶代理會(huì)從serif中選擇一個(gè)字體并應(yīng)用

建議所有font-family屬性中都提供一個(gè)通用字體系列。{font-family:Arial,serif}

如果字體名稱中有空格或特殊字符需要使用單引號(hào),在指定具體通用系列時(shí)比如serif,不能加引號(hào),因?yàn)槿绻右?hào)會(huì)認(rèn)為是一種特定字體而不是一個(gè)字體系列。

單引號(hào)和雙引號(hào)都可以,要注意在style中因?yàn)橛小啊?所以避免相同要使用‘’單引號(hào)

字體加粗

font-weight:normal|bold|bolder|lighter|100~900|inherit

字體大小

font-size: xx-small x-small ?normal medium large x-large xx-large smaller larger?

前七個(gè)為絕對(duì)大小,通常一個(gè)絕對(duì)大小與下一個(gè)絕對(duì)大小之間的差別(縮放因子)應(yīng)該是向上1.5向下0.66 如medium10px large為15px

smaller 和larger都是相對(duì)大小,相對(duì)大小的縮放系數(shù)一般為1.2/0.8

字體風(fēng)格

font-style:italic|oblique|normal|inherit

斜體(italic)/傾斜(oblique) 字體文件歸類不同

字體變形:font-variant

font-variant:small-caps|normal|inherit

small-caps 是指小型大寫字母文本,只要文本源中出現(xiàn)大寫字母,會(huì)顯示一個(gè)更大的大寫字母,如果出現(xiàn)小寫字母,就會(huì)顯示一個(gè)小型的大寫字母

font簡寫

font:font-style font-variant font-weight (這三個(gè)沒有順序 normal可以省略,被省略的屬性默認(rèn)置為normal)后面的font-size font-family 必須按照順序?qū)?,而且這兩個(gè)值必須有。

比如寫 h1{font:italic 16px serif } 等價(jià)于h1{normal normal italic 16px serif}會(huì)使h1失去bold屬性

使用系統(tǒng)字體

caption 用于有標(biāo)題的控件,比如按鈕

icon 用于對(duì)圖標(biāo)加標(biāo)簽

menu 用于菜單,即下拉菜單和菜單列表

message-box 用于對(duì)話框

small-caption 用于對(duì)小控件加標(biāo)簽

status-bar 用于窗口狀態(tài)條

例如button{ font:caption}?

font-face規(guī)則

@font-face { font-family:;? ? ? src[][,[]]*;;? ? ? [font-weight:];? ? ? [font-style:];}

作用是自定義字體

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容