如何才可以在網站開發的網頁中更好地展示簡中、繁中、英文等內容？我們可以從字體維度入手，就對簡、繁、中網站里，字體應該如何定義這件事兒做了經驗總結，一起來看看吧。

我們在實現界面和設計稿的界面字體不一致，研發實現的看起來丑丑的，被吐槽，結果研發說為了保證效果一致，以后設計稿按照實現的字體來設計？？

其實就是因為網頁設置的 font family 中中文字體沒有優先選擇蘋方字體，而設計稿中使用的是蘋方字體。還有自重，部分字體在 web 中使用 500 依然是 regular，沒有被加粗。導致實現結果和設計稿不符合。

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

排版引擎首先會根據網站開發的產品內定義的font-family順序展示。當沒有指定font-family或者設置的font-family無效時，會繼續查找瀏覽器設置的字體（不同瀏覽器的默認字體可能不同）。當瀏覽器未設置字體時，就會尋找操作系統默認字體展示。

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

操作系統的規則是什么？操作系統會根據不同網站開發的語言選擇對應的字體。比如“Hello”，則會使用默認的英文字體。但是當內容無法判斷語系，比如“直接”（簡中和繁中相同），則會根據系統默認設置的語言來展示。如果系統默認語言是繁體中文，則“直接”會選擇系統默認的繁體字體來展示。

可得出結論：

在font family中先設置英文，再設置中文。繁體和簡體單獨設置。

字體最好選擇系統默認或者系統預裝字體。