网站设计的中英文字体选择需要注意哪些问题?
时间:2024-02-13 23:40:01 | 来源:网站运营
时间:2024-02-13 23:40:01 来源:网站运营
网站设计的中英文字体选择需要注意哪些问题?:在网站字体的选择上,如果涉及到混排网页,就不要考虑直接用中文字体里的英文部分了,利用字体的回退机制以及 CSS 标签控制英文部分使用英文字体,中文部分使用中文字体。
在西文网站中,现在为了用户体验已经比较普遍地使用网络字体,而且以直接使用 Google Font API 和 Typekit 为绝大多数,但因为「众所周知的原因」,这两个网站无法目前均无法直接正常访问,所以英文字体可以考虑自己处理为文件用 CSS 进行声明与包含,英文字体还是比较好办的。现在特别流行的:免费使用的有 Noto 系列(Noto Serif / Noto Sans) / Source Sans Pro / Lato 收费的有 Proxima / Palatino 等等,基本不再使用 Windows 自带的字体。之前流行的自然是 Arial / Helvetica 等。
然而中文字体因为体积过大,没有相对好又免费的 Web Font 服务,所以还是严重依赖于操作系统字体。因为中文系统自带的宋体普遍显示质量不佳,因此普遍使用黑体。在当代系统当中呢,主要是利用回退机制:冬青黑 -> ST Heiti -> 微软雅黑 比较多。以后可以考虑 Source Han Sans / Noto S Chinese 这两个。如果愿意考虑 Linux 用户还应该加上文泉驿微米黑等。
如果直接做的话 CSS 回退就是 font-family: 英文字体, 中文字体; .
关于这一方面的比较好的资料有
漢字標準格式 他们做的工作,提供一套完整的语义化的 CSS / JavaScript 东西可以直接用,不过最好自行修改,毕竟有些符合个人审美的东西。这上面的规则确实有些过于死板,不过完全可以看看
文字設計 — 漢字標準格式・使用手冊 这上面的介绍自己写写嘛。
如果没有特殊用处,Comic Sans 还是不要用了,无数人吐槽过。非要的话(比如儿童网站)也考虑考虑 Comic Neue 吧(
Get Comic Neue)有所改善。
以上随便瞎扯的几段,能看就看。赶着去洗澡,就这么着吧。