字体的学问太多了,或许很多同学知识结构里,基本就是知道微软微黑字体好看,kindle电子墨水屏如印刷品质之类的

记一些关于字体零星的一些知识

衬线 非 衬线

中西字体大体分 衬线(serif 笔画开始、结束有额外装饰,笔画粗细有所不同)和非衬线(sans-serif 没额外装饰,笔画的粗细差不多)两种

1


衬线体笔划上过多的点缀容易造成视觉疲劳(尤其在屏幕上时)

高速公路路标大多避免衬线字的视觉疲劳

很多实体书 正文为衬线体(如宋体字),标题之类多为无衬线体(笔划粗细变化不明显,整个字看起来会粗黑一些,清晰的可辨性,更注重引导的功能,有一定的提示作用)

大体因显示方便和避免视觉疲劳 ,vista 默认从衬线字体(宋体)到 非衬体(微软雅黑)

iOS,Android等,多用非衬体字体

为更好解决衬线字体显示问题,反锯齿和次像素显示(如ClearType)开始广泛运用

但一般显示器分辨率每英寸100像素,是衬线体可读性的瓶颈所在

西文的 衬线 又基本可分为四类

宋体

最标准的serif字体,宋体,衬线特征非常明显,字形结构和手写的楷书一致。强调横竖笔画的对比,远处观看的时候横线就被弱化,导致识别性的下降

宋体起源于印刷术,活字的木纹多为水平方向,刻字时横画细,竖画粗;为防止边缘破损,横画在两端也被加粗,根据运笔习惯而形成三角形的装饰

小字场合,通常 sans serif 比serif 清晰

字重

现代开源字体有丰富的字重,font-weight:100和 400 可以明显看出文字的粗细不一样,但微软雅黑字体字重的缺失,100和400粗细都是一样的,都是正常粗细,不满足挑剔的设计师的需求,一些弱表现场景,设计师其实希望更细一点,营造更精致的感觉

windows下,中文字体弱的很,除了正常和粗就没有其他表现。但css text-stroke 居中描边特性后,理论上也有了字重解决方案

总结

无论是西文的衬线还是汉字的「三角形结构」,皆来源于书写习惯形成的装饰,进而随时间演变成减缓印刷字体的磨损、提高识别性的功能

电子屏幕,汉字的显示并不需要「衬线」原本的功能,剩下的仅有装饰性的字体风格

然而在互联网大量文本信息输入/输出的情况下,衬线体在笔划上过多的点缀容易造成视觉疲劳

更进一步来讲,信息会趋向于碎片,快速阅读的方向发展,那些没有意义的信息有可能被抛弃,包括装饰性的衬线

传统文化和信息演进不是完全此消彼长的关系,衬线体在小字号的情况下,不会糊在一起,给人一种素雅的感觉

一般 非衬线体用于UI元素、标题,衬线体用于内容

killserif-style

https://userstyles.org/styles/111687/killserif-style

思源体

好看,好用,还白送

思源宋+黑 构成了超高质量的开源字体全家桶!

再也不用跪着冒着侵权的风险使用微软雅黑、苹方了!

再也不用因为跨系统字体不统一而影响设计效果了!

现在最大的问题是字体包过大,有个叫“字蛛”的解决方案