网站开发中对于简体繁体在网站字体如何定义？

如何才可以在网站开发的网页中更好地展示简中、繁中、英文等内容？我们可以从字体维度入手，就对简、繁、中网站里，字体应该如何定义这件事儿做了经验总结，一起来看看吧。

我们在实现界面和设计稿的界面字体不一致，研发实现的看起来丑丑的，被吐槽，结果研发说为了保证效果一致，以后设计稿按照实现的字体来设计？？

其实就是因为网页设置的 font family 中中文字体没有优先选择苹方字体，而设计稿中使用的是苹方字体。还有自重，部分字体在 web 中使用 500 依然是 regular，没有被加粗。导致实现结果和设计稿不符合。

为了使简中、繁中、英文在网页中展示效果更好，所以决定对每一个语系的字体重新定义。

排版引擎首先会根据网站开发的产品内定义的font-family顺序展示。当没有指定font-family或者设置的font-family无效时，会继续查找浏览器设置的字体（不同浏览器的默认字体可能不同）。当浏览器未设置字体时，就会寻找操作系统默认字体展示。

由于英文字体不支持中文字体的展示，所以在font family中可以先设置英文，再设置中文。中文字体是支持中文简体和中文繁体的，所以如果要区分中文简体和中文繁体的话，还需要配合lang一起设置（实现的部分可以找研发一起讨论）。

操作系统的规则是什么？操作系统会根据不同网站开发的语言选择对应的字体。比如“Hello”，则会使用默认的英文字体。但是当内容无法判断语系，比如“直接”（简中和繁中相同），则会根据系统默认设置的语言来展示。如果系统默认语言是繁体中文，则“直接”会选择系统默认的繁体字体来展示。

可得出结论：

在font family中先设置英文，再设置中文。繁体和简体单独设置。

字体最好选择系统默认或者系统预装字体。