很多網(wǎng)頁設(shè)計(jì)師在設(shè)計(jì)頁面時(shí)都會用到字體屬性來控制文本樣式，但有時(shí)候會發(fā)現(xiàn)設(shè)置了仿宋字體后，實(shí)際顯示出來的卻不是仿宋，而是默認(rèn)字體，這是為什么呢？

@font-face {
font-family: 'FangSong';
src: url('FangSong.ttf');
}
p {
font-family: FangSong, SimSun, sans-serif;
}

以上代碼中，我們先定義了一個(gè)字體，命名為'FangSong'，然后在p標(biāo)簽中使用了這個(gè)字體，同時(shí)還指定了備用字體，也就是宋體和sans-serif字體。但是在實(shí)際應(yīng)用中，我們會發(fā)現(xiàn)設(shè)置這樣的字體無效，原因是因?yàn)椴僮飨到y(tǒng)并沒有安裝指定的字體，因此系統(tǒng)會默認(rèn)使用備用字體。

解決辦法有兩個(gè)：一是將字體文件放到服務(wù)器上，然后在css文件中設(shè)置 url('http://example.com/FangSong.ttf')，這樣瀏覽器就能訪問到字體文件了；二是使用web字體，這種方式可以通過鏈接引用在線字體庫的字體文件。

@font-face {
font-family: 'FangSong';
src: url('http://example.com/FangSong.ttf');
}
p {
font-family: FangSong, SimSun, sans-serif;
}

或者使用谷歌字體庫提供的在線字體，如下所示：

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+SC&display=swap');
p {
font-family: 'Noto Sans SC', sans-serif;
}

這樣就可以在網(wǎng)頁中使用谷歌提供的仿宋字體，而不用擔(dān)心字體文件安裝問題了。