尤其是在你的题目中仅仅只有「中文字体+网页」这两个条件的时候-2024年欧洲杯直播

尤其是在你的题目中仅仅只有「中文字体+网页」这两个条件的时候

admin 56 2024-03-09 06:24:58

　　总觉得英文的网站要漂亮一些，即使是同样的网站，中文版的就是没英文版的漂亮，是中文字体不美观的原因么？常用的微软雅黑、arial等感觉也不是很好请举几个例子

　　目前普及的显示器的 DPI 还都比较低, 所以为在屏幕上清晰显示较小字号的文本需要借助次像素渲染技术. 次像素渲染技术有很多种, 但都是西方人发明的, 没有充分考虑到汉字; 其次汉字笔画复杂, 天生不适合在低 DPI 且小字号的情况下显示, 所以为使汉字字体在屏幕上显示优越, 需要做出比西文字体多得多的额外工作. 这些工作当然需要有人来买单, 如微软雅黑就是微软买的单, 因此它成了为数不多的较适合屏显的字体.

　　冬青簡黑、微軟正黑跟信黑。

　　冬青簡黑主字庫經SCREEN跟字游工房十多年不斷修整，粗細比例已經調得十分完美（筆劃粗細竟細緻到有1 unit的分別，難怪在iPhone上讀特別好讀），簡體字是有些微問題（簡體字整體比例比日本造的要矮了些），但絕對是現役最佳黑體。

　　微軟正黑，是Windows的系統字型，PC用家沒得走。選正黑體原因純粹因為雅黑讀壞眼－字與字貼在一起，讀到眼坦。

　　信黑，是新秀，柯老師的歐體結構相信沒有人覺得不好讀，加上適當的字間距，待字體修得更成熟時會比冬青更優秀。

　　我想说，什么字体，没有好的字体渲染引擎也是白搭。

　　MacType才是王道

　　自从用了MacType，我看什么字体都觉得好

　　这是一个有关前端设计及开发的问题, 刚好是我未来的职业方向, 既然大家都已经说了「哪款中文字体设计得更好」以及「什么环境下字体显示得更好」, 我就跳过这些内容, 直接针对题主的题目说一下我自己对于这方面的看法。

　　不过, 对于「中文的网页用什么字体更合适」这个问题的答案, 难道不是在设计阶段就已经确定了的么?

　　在设计阶段, 应该选择用什么样的字体, 这当然是根据具体情况而决定的, 这是一个设计师最基本的 SENSE。如果是网页, 至多需要在这个 SENSE 的基础上, 结合网站的目标用户群, 考虑这个用户群所使用的设备, 再考虑所用字体是否能在大多数设备上正常显示等因素来决定, 而不是「噢其实网页上显示最棒的是这个字体诶, 那就用它吧」。

　　---

　　1. 一般情况, 先考虑一下目标用户群, 再根据需要指定所需字体就好了, 可以参考 @厉向晨与 @許瀚文的答案。

　　但这个「一般情况」于我而言, 我的选择是仅指定英文字体, 比如 font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; 这样做的目的是让用户的浏览器自己去根据当前环境去 fallback 到用户平时默认最常见的一款字体, 它可能是用户在浏览器设置中设置的, 也可能系统默认的中文字体, 对于用户而言, 这毫无违和感, 也就是所谓的「尊重用户习惯」。

　　知乎与微博均采用了这种处理办法, 不过, 微博竟然把 Arial 放在 Helvetica 的前边... 这个考量可真是让人意外的发现微博是如此地尊重用户习惯啊... 可是作为设计师很明显 Mac 里也会有 Arial 好吗!!!

　　2. 对于讲究网站「设计感」及「美观程度」的非一般情况, 会有两种选择, Web Font 及切图。

　　a. Web Font

　　使用 Web Font 可以保证任何主流浏览器都可以看到你希望用户看到的字体, 这在英文环境下几乎是标配了, 相关的服务也有很多, 类似于 TypeKit, 而且业内也在推进 WOFF

　　的标准化进程, 所以这确实是大势所趋。

　　但对于中文, 相关的服务很少, 而且就算像 justfont 这种做得不错的, 也会有字体种类选择较少的尴尬, 自己转换的话, 又有文件体积较大的问题。(其实这也是想做的一件事情, 中文环境下 WEB FONT 的解决方案, 不过, 在写这个答案的时候, 我搜到了一个叫做「有字库

　　」的网站正在提供类似服务, 你可以看看, 但他们的字体应该都是盗版的, 商用请谨慎。)

　　不过如果你所需要的字体在 justfont 的字库范围内, 推荐选择它们。

　　b. 切图

　　假使刚好你所使用字体没法使用 Web Font 的话 (文件体积太大或格式无法转换), 那只能用「土办法」将文字部分切图了...

　　其实, 在不是很在意 SEO 以及响应式(主要是宽度变化)的情况下, 用这个办法是挺好的, 美观程度必然如设计图一般, 唯一要做的就是搞定 @2x 的 Retina 适配就好了。

　　当然, 实际的应用环境是很复杂的, 标题与正文使用不同字体以及上述两种情况混用都是很有可能的, 我想说的依旧是没有一个方案会是最好/合适的, 尤其是在你的题目中仅仅只有「中文字体+网页」这两个条件的时候, 这个范围太大了, 根据实际情况做好最合适的选择即可。