如何才可以在網(wǎng)站開發(fā)的網(wǎng)頁中更好地展示簡中、繁中、英文等內(nèi)容？我們可以從字體維度入手，就對簡、繁、中網(wǎng)站里，字體應(yīng)該如何定義這件事兒做了經(jīng)驗(yàn)總結(jié)，一起來看看吧。

我們在實(shí)現(xiàn)界面和設(shè)計(jì)稿的界面字體不一致，研發(fā)實(shí)現(xiàn)的看起來丑丑的，被吐槽，結(jié)果研發(fā)說為了保證效果一致，以后設(shè)計(jì)稿按照實(shí)現(xiàn)的字體來設(shè)計(jì)？？

其實(shí)就是因?yàn)榫W(wǎng)頁設(shè)置的 font family 中中文字體沒有優(yōu)先選擇蘋方字體，而設(shè)計(jì)稿中使用的是蘋方字體。還有自重，部分字體在 web 中使用 500 依然是 regular，沒有被加粗。導(dǎo)致實(shí)現(xiàn)結(jié)果和設(shè)計(jì)稿不符合。

為了使簡中、繁中、英文在網(wǎng)頁中展示效果更好，所以決定對每一個語系的字體重新定義。

排版引擎首先會根據(jù)網(wǎng)站開發(fā)的產(chǎn)品內(nèi)定義的font-family順序展示。當(dāng)沒有指定font-family或者設(shè)置的font-family無效時，會繼續(xù)查找瀏覽器設(shè)置的字體（不同瀏覽器的默認(rèn)字體可能不同）。當(dāng)瀏覽器未設(shè)置字體時，就會尋找操作系統(tǒng)默認(rèn)字體展示。

由于英文字體不支持中文字體的展示，所以在font family中可以先設(shè)置英文，再設(shè)置中文。中文字體是支持中文簡體和中文繁體的，所以如果要區(qū)分中文簡體和中文繁體的話，還需要配合lang一起設(shè)置（實(shí)現(xiàn)的部分可以找研發(fā)一起討論）。

操作系統(tǒng)的規(guī)則是什么？操作系統(tǒng)會根據(jù)不同網(wǎng)站開發(fā)的語言選擇對應(yīng)的字體。比如“Hello”，則會使用默認(rèn)的英文字體。但是當(dāng)內(nèi)容無法判斷語系，比如“直接”（簡中和繁中相同），則會根據(jù)系統(tǒng)默認(rèn)設(shè)置的語言來展示。如果系統(tǒng)默認(rèn)語言是繁體中文，則“直接”會選擇系統(tǒng)默認(rèn)的繁體字體來展示。

可得出結(jié)論：

在font family中先設(shè)置英文，再設(shè)置中文。繁體和簡體單獨(dú)設(shè)置。

字體最好選擇系統(tǒng)默認(rèn)或者系統(tǒng)預(yù)裝字體。