对于设计字体你了解有几分？

一、有衬线体和无衬线体

线体（serif）和无衬线体（sans-serif）的分类起源于英文字体界。

A. 衬线体（serif）

「衬线」指的是字形笔画在首位的装饰和笔画的粗细不同，所以「衬线」又被称为「字脚」。这种装饰线的笔画设计多认为来源于古罗马纪念碑上的拉丁字母，1968 年 Edward Catich 神父在著作《The Origin oftheSerif》中提到罗马字母最初被雕刻到石碑上之前，要先用方头笔刷写好样子，再照样雕凿。由于直接用方头笔刷书写会导致笔画的起始和结尾出现毛糙，所以在笔画开始、结束和转角的时候增加了收尾的笔画，也就自然形成了衬线。

衬线体又可以根据衬线变化可以分成三类：

具有特定曲线衬线的「支架衬线体」（bracket serif） 连接处为细直线的「发丝衬线体」（hairlineserif） 厚粗四角形的「板状衬线体」（slab serif）

B. 无衬线体（sans-serif）

而无衬线体则没有笔画首尾的装饰，所有笔画的粗细也相同。无衬线体在 80 年代开始兴起，在当时被称为Grotesque（荒唐的）或 Gothic（哥特的），因为天然的技术感和理性气质，无衬线字体多为科技型企业所青睐。随着「简约美」理念开始风行，1957 年上市的 Folio、Helvetica 和 Univers 三个极具代表性的无衬线字型开始成为当代字型的主流。

因为无衬线的字体结构简单，在同等字号下，无衬线的字体看上去要比有衬线的更大，结构也更清晰，所以电子设备的屏幕上也偏好使用无衬线字体。

C. 中文界的衬线体与无衬线体

而在中文字体界，两个有代表性的分类——宋体和黑体，分别对应着衬线字体和无衬线字体。

二、系统内置字体

不同的操作系统的默认字体不同。系统字体可认为指系统默认字体，也可以指系统所带字体一个系统可能只带一种字体，也可能带有多种。

XP 系统默认字体是宋体

WIN7 用的是微软雅黑Windows 8.1 默认是微软黑

win10 默认中文字体为 Microsoft YaHei UI 其它系统各有各的默认字体。

要用好字体，首先要了解这些系统字体的背景。

A. PC——微软雅黑

雅黑与宋体有着历史的渊源，如果大家一直以来都是 PC 用户，那么就会对 Win XP 这个“万年系统”很有感情。虽然后来 Windows 发展了好几代，如 Vista、Win7、Win8 甚至现在的 Win10，但大家会发现，身边的一些朋友依然在用 Win XP。

就是因为 Win XP 系统的成功，新字体微软雅黑一直难以推广。在早期的软件界面设计中，设计师常常纠结于雅黑和宋体，直到 Photoshop CC 的出现，这个状况才有所改变。之前的 PS 版本也是不支持微软雅黑的，所以在 2013 年之前，设计师们都在痛苦地用着宋体。

但是设计团队的老大们偏偏很重视实际效果，所以设计师为了呈现微软雅黑，不得不牺牲设计效率，先在Word 文档中使用雅黑，然后将 Word 截图再放到设计稿中，这样才能在 PS 中呈现雅黑字体。

B. iOS——从黑体简到苹方

由于种种原因，我接触 Mac 比较晚，这让我后悔不已。我在此建议设计师尽可能使用 Mac 做设计。

记得我做的第一个项目是MacQQ，当年已经有retina 显示器了，但是还没有普及，做设计的时候就很纠结了。由于 Mac 字体渲染的原因，黑体简在非 retina 显示器中的效果很毛躁，但是又不得不用，不然设计稿无法接近真实效果。所以当时做 MacQQ 时，字体的选择无非就是冬青黑体简和简黑。设计师为了讲求效果，最后还是选择了冬青黑体简，因为字体清晰的设计稿更容易通过。随着 retina 显示器的普及，苹果也更新了自己的字体， 现在也不用纠结了，直接上苹方字体（PingFang SC）

C. 安卓——思源黑体

安卓系统一直很随意，在 2009 年刚刚给安卓系统做 App 设计时，真的没有要求到系统字体这么细的环节，后面通常用雅黑代替。当时整个行业的 App 设计都很不专业，直到 Material Design 的出现，安卓也意识到系统字体的重要性，所以推出了思源黑体，即 Noto Sans S Chinese。那时候也用了一段时间这款字体，觉得挺不错。

在苹方字体还没发布之前，思源黑体是一个很好的选择，因为“简黑”实在太粗了，果断与简黑撇清关系。

但是苹果没多久就发布了苹方字体，许多以 iOS 为导向的设计团队，也马上用起苹方字体，所以思源黑体慢慢也被人们淡忘了。

了解不同平台的字体应用非常重要，这关系到效果图与实际输出是否一致，否则设计稿效果就会打折。没有按真实效果进行设计的效果图，对于产品的价值就变得很低了，这样的设计也是不规范、不专业的。

三、什么时候选择内嵌字体

当需要设计出特殊字体的效果时，我们就要使用系统字体之外的内嵌字体了，因为系统字体已经无法满足我们的设计要求。那么我们就需要嵌入一些系统里没有的字体到PS 软件里，通过对字体的编辑、改造进行需要的设计。在制作网页的时候前端工程师需要将自己定义的 Web 字体嵌入到你的网页中，这样就可以显示出非主流操作系统的内置字体，这样用户在浏览页面的时候就可以看到这些特殊字体的样式。