眾所周知網(wǎng)頁字體的設(shè)置主要由font-family決定

font-family 規(guī)定元素的字體系列

在不同操作系統(tǒng)、不同游覽器里面默認(rèn)顯示的字體是不一樣的，并且相同字體在不同操作系統(tǒng)里面渲染的效果也不盡相同

font-family:inherit;

我們來來看看一些免費(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ǎng)頁語言一旦換成中文，頁面就變得比較丑陋了。

這個(gè)時(shí)候我們可以適當(dāng)?shù)卣{(diào)整font-family屬性值

font-family 可以把多個(gè)字體名稱作為一個(gè)“回退”系統(tǒng)來保存。如果瀏覽器不支持第一個(gè)字體，則會(huì)嘗試下一個(gè)。也就是說，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;