网站设计的中英文字体选择需要注意哪些问题

在网站字体的选择上,如果涉及到混排网页,就不要考虑直接用中文字体里的英文部分了,利用字体的回退机制以及 CSS 标签控制英文部分使用英文字体,中文部分使用中文字体。在西文网站中,现在为了用户体验已经比较普遍地使用网络字体,而且以直接使用 Google Font API 和 Typekit 为绝大多数,但因为「众所周知的原因」,这两个网站无法目前均无法直接正常访问,所以英文字体可以考虑自己处理为文件用 CSS 进行声明与包含,英文字体还是比较好办的。现在特别流行的:免费使用的有 Noto 系列(Noto Serif / Noto Sans) / Source Sans Pro / Lato 收费的有 Proxima / Palatino 等等,基本不再使用 Windows 自带的字体。之前流行的自然是 Arial / Helvetica 等。然而中文字体因为体积过大,没有相对好又免费的 Web Font 服务,所以还是严重依赖于操作系统字体。因为中文系统自带的宋体普遍显示质量不佳,因此普遍使用黑体。在当代系统当中呢,主要是利用回退机制:冬青黑 -\u0026gt; ST Heiti -\u0026gt; 微软雅黑 比较多。以后可以考虑 Source Han Sans / Noto S Chinese 这两个。如果愿意考虑 Linux 用户还应该加上文泉驿微米黑等。如果直接做的话 CSS 回退就是 font-family: 英文字体, 中文字体; .关于这一方面的比较好的资料有 漢字標準格式 他们做的工作,提供一套完整的语义化的 CSS / JavaScript 东西可以直接用,不过最好自行修改,毕竟有些符合个人审美的东西。这上面的规则确实有些过于死板,不过完全可以看看 文字設計 — 漢字標準格式?使用手冊 这上面的介绍自己写写嘛。如果没有特殊用处,Comic Sans 还是不要用了,无数人吐槽过。非要的话(比如儿童网站)也考虑考虑 Comic Neue 吧(Get Comic Neue)有所改善。以上随便瞎扯的几段,能看就看。赶着去洗澡,就这么着吧。
■网友
谢邀!本码农就来个非专业回复吧:网站设计字体选择可以从三个方面考虑1. 你网站的用户是谁?2. 是否使用Flash或者CSS33. 艺术与技术的平衡考虑网站用户对象目前由于用户端电脑上的操作系统有差异,系统默认安装字体库不同。比如在win7下面可以使用“微软雅黑”,但windowsXP及以下就不行,如果调研数据可以明确告知用户群以win7系统用户为主,中文可以考虑“雅黑字体”。如果XP及以下用户很多,建议中文使用“宋体”。比如淘宝,百度这样的网站,用户群体非常多样化,当然要使用系统默认字体。英文的话,可选择的多一些,Arial, sans-serif, times等。Flash与CSS3如果网站使用纯Flash,或者允许使用CSS3渐进增强,那字体选择就比较自由了,按你的审美去设计吧,实现问题交给技术来解决。艺术与技术的平衡从艺术的角度看,设计应该是自由的、发散的,追求美是第一位的。从技术的角度看,实现是有一定限制的、有条件的,追求效率、极简、极致。两者有时不能兼得,次要因素需让步重要因素,达到二者之间的平衡。-------------------------------------------------------------------------------------------------------个人愚见完毕,回答一下楼主的问题,供参考:Q1:这个应该没有明确要求,看设计需要。网站上Logo与内容的字体一般是不同的,因为Logo有更高的审美需要,需要有亮点、易于识别,Logo的字体一般都是经过设计的,非字库字体。详细可以参看国内外各大网站LogoQ2:字体风格应该有很多种吧,看依据什么来分类了。粗略看:有衬线,无衬线,等宽,非等宽,手写体,艺术字等。老师说comic sans不太适合做网站,可以参考我上面回复的第一个观点。简单说,在XP及以下系统上,用户可能没有安装comic sans字体,用户看到的效果会与你的设计不一致。例外情况参考上面的第二点,如果使用CSS3或者Flash是能够实现的。Q3:不是特别懂,排版装饰用吧。Q4:中文一般考虑系统默认,XP及以下“宋体”,win7及以上可以选择“微软雅黑”,Mac/Linux都建议使用默认字体。英文字体:Helvetica,Arial,Sans-serifQ5:没有,用途不同,看需求场景。比如要在网页上显示代码,当然最好选择等宽字体。Q6:这个不好回答。Q7:目前看,windows平台宋体多(系统默认),MAC/linux黑体多(系统默认)。以我粗略的审美看,目前没有一款字体能够满足中英文都漂亮的,网站字体一般都是组合,英文+中文字体,当然可以只设置英文,中文选择系统默认。


推荐阅读