在web上显示各种操作系统上最优的中文字体列表

发布于 2022-08-24 09:03:37 字数 321 浏览 17 评论 0

我要做一个面向中文的阅读网站,希望中文字体显示能得到良好的效果。我知道中文字体由于本身体积太大,而不能用webfont来解决,但是我发现各个操作系统其实都有比较好中文字体,比如Windows的"微软雅黑",比如Macosx下面还有一些比较好看的日文字体,其实也可以用来显示中文。

所以我想是否有这样一个按字体优先顺序排列的font-family列表,用来适配各种最优的字体选项。比如类似这样,但是需要一个最全的列表

article {
    font-family: "微软雅黑","黑体",serif;
}

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(6

揪着可爱 2022-08-31 09:03:37

很多人有过研究

Web 中文字体应用指南 · Ruby China
https://ruby-china.org/topics...

网页效果之中文字体研究(二)
http://zaishanda.com/post/网页效果之中文字体研究(二)

网页效果之中文字体研究(一)
http://zaishanda.com/post/网页效果之中文字体研究(一)

Fonts.css -- 跨平台中文字体解决方案
http://zenozeng.github.io/fon...

雄赳赳气昂昂 2022-08-31 09:03:37

http://www.zhihu.com/question/1991179...
知乎上的一个问答,很专业的

比忠 2022-08-31 09:03:37

我通常使用这个:

font-family: "Hiragino Sans GB", "Microsoft YaHei", sans-serif;

在Windows XP上,黑体小字号时显示不佳,默认的宋体更容易辨认。
对于Mac来说,Hiragino Sans GB是渲染最佳的中文字体。(参考:http://www.typeisbeautiful.com/2010/0...

浮生未歇 2022-08-31 09:03:37

在mac下,我一般用这种字体设置

font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2","Lucida Grande","Hiragino Sans GB","Hiragino Sans GB W3",serif;

mac上的日文字体确实比较好看

慕巷 2022-08-31 09:03:37

你可以看下知乎首页的css
font: 13px/22px 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,'Hiragino Sans GB',sans-serif;

失眠症患者 2022-08-31 09:03:37
font-family: "Helvetica Neue","Helvetica","Arial","PingFang SC","Hiragino Sans GB", "Microsoft YaHei","WenQuanYi Micro Hei", sans-serif;
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文