眾所周知網(wǎng)頁(yè)字體的設(shè)置主要由font-family決定
font-family 規(guī)定元素的字體系列
在不同操作系統(tǒng)坠狡、不同游覽器里面默認(rèn)顯示的字體是不一樣的,并且相同字體在不同操作系統(tǒng)里面渲染的效果也不盡相同
font-family:inherit;
我們來(lái)來(lái)看看一些免費(fèi)的bootstrap模板中如何設(shè)置字體:
table.dataTable thead .sorting:after {
content: "\f0dc";
float: right;
font-family: fontawesome;
color: rgba(50,50,50,.5);
}
bootstrap模板字體大多以英文字體為基準(zhǔn)涡尘,使用中最大的問(wèn)題就是網(wǎng)頁(yè)語(yǔ)言一旦換成中文吸重,頁(yè)面就變得比較丑陋了硅则。
這個(gè)時(shí)候我們可以適當(dāng)?shù)卣{(diào)整font-family屬性值
font-family 可以把多個(gè)字體名稱作為一個(gè)“回退”系統(tǒng)來(lái)保存。如果瀏覽器不支持第一個(gè)字體纸肉,則會(huì)嘗試下一個(gè)。也就是說(shuō)喊熟,font-family 屬性的值是用于某個(gè)元素的字體族名稱或/及類族名稱的一個(gè)優(yōu)先表柏肪。瀏覽器會(huì)使用它可識(shí)別的第一個(gè)值。
font-family 通常會(huì)定義在CSS的Body節(jié)點(diǎn)下逊移,如:
font-family: "lucida grande", "lucida sans unicode", lucida, helvetica, "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;