关于字体排版的方方面面都讲到了一些，尤其有一点是关于字体和字型的定义让我学到不少新知识，之前我在翻译的过程中没太在意这2个词的区别，今天因这篇文章专门去研究了一波，原来还是有不少讲究的，一起来学习下吧华为手机修改字体样式 。
排版在设计过程中扮演着非常重要的角色：好的版式可以让阅读变得毫不费力，而差的直接劝退用户华为手机修改字体样式 。
字体和字型有什么样的区别华为手机修改字体样式 ？
这里我们回顾下基础知识华为手机修改字体样式 。有时字体（typeface）和字型（font）好像在使用上是可以互换的，这让人产生困惑（彩云注：实际上我也经常没注意这个细节，所以还专门去查了相关的知识，确实是大有学问，在翻译这篇文章时收获很大）。 字型是字体的一个子集，字型（font）是指字体（typeface）中特定的样式和字重。
（彩云注： typeface 是一个抽象的总体概念，而 font 是这个概念的具象物体华为手机修改字体样式 。如果是可以互换的、现代的、数字艺术中的意义，就都翻译成“字体”；如果原文在强调二者的区别，“typeface”理解为“字体”，而“font”可以理解“字型”。这样来区分）
举个例子，Helvetica是一个字体，但Helvetica Bold是 Helvetica 字体家族中的一个具体的字型华为手机修改字体样式 。下面这张图，你就能理解字体和字型的区别了。
选择正确的字体风格
下面是三种比较常见的字体分类
衬线体
衬线体会在构成字母和符号的笔画末端增加小装饰性笔画华为手机修改字体样式 。
无衬线体
无衬线体在笔画的末端和转折处都比较干脆，没有装饰华为手机修改字体样式 。
展开全文
装饰性字体
用来突出某些内容的短文本华为手机修改字体样式 。（彩云注：一般不会大面积使用，用来作为装饰样式挺不错的，比如放在内容的底部作为底纹之类的。）
保持字体种类尽量少
同时使用三种以上的字体会使网站看起来不美观而且显得非常拥挤华为手机修改字体样式 。保持尽量少的字体种类， 两种挺好，但其实一种字体通常就足够了。
使用一种字体的不同字重
在项目中，我习惯用一款免费字体“Inter”，看起来效果非常棒华为手机修改字体样式 。
使用Inter字体在界面中的实际效果
使用衬线字体和无衬线字体
在下面这个网页设计中，我会用到衬线字体“Kepler”作为标题，用无衬线字体“Futura”作为其他不同的文本内容华为手机修改字体样式 。
2种不同字体在界面中的实际效果
使用装饰性字体作为高亮内容
在下面这个案例中，我期望高亮文本内容“skincare routine”华为手机修改字体样式 。我在这里就用到一个装饰性字体“Northwell”，看起来效果挺不错的。
免费就意味着不好吗华为手机修改字体样式 ？
让我们看看下面两个相同的字体华为手机修改字体样式 。左边是免费的字型“Inter”，右边是一个要花钱的字型“Söhne”（60美元授权）。
你觉得怎样华为手机修改字体样式 ？
就我个人而言，我并没有觉得左边的看起来比右边的更糟糕，我觉得2个都非常好看华为手机修改字体样式 。
因此，如果预算有限，可以到Google 字体库中选择一款你喜欢的免费字体华为手机修改字体样式 。
注意，如果你在网上发现一个字体，能下载和使用并不代表这就是免费的华为手机修改字体样式 。你必须仔细阅读这个字体的许可然后再决定在哪里使用它。多数情况下，当你看到一个好看的字体但却发现它并非免费的。
在这个网站 你可以查到某个字体具体要花多少钱华为手机修改字体样式 。
使用默认的样式
当你设计一个网页时，你只能使用6种类型的标题华为手机修改字体样式 。
你可以看到下一个标题的字号会比前一个更小华为手机修改字体样式 。它能帮助在页面上更好的组织信息和提高信息的可读性。
在标题中通常会有这种限制华为手机修改字体样式 ，在正文中却没有，但根据我的经验，4种类型足够了：
不仅仅在PC端需要考虑标题和正文的文本风格，在移动端同样需要华为手机修改字体样式 。
选择合适的字体大小
我知道对于每个项目来说都会有其独立的风格体系，字号也取决于所使用的字体，但让我们尝试去找到一些相对平均的字号和样式尽可能的满足更多的项目华为手机修改字体样式 。
标题字号对照表（左边是PC华为手机修改字体样式 ，右边是移动端）
正文字号对照表（左边是PC华为手机修改字体样式 ，右边是移动端）
在Figma设置字体样式
当你已经在Figma中建立了文本样式时，创建文本块会更容易华为手机修改字体样式 。下面就是在Figma中的样子。
1）要创建一个文本样式华为手机修改字体样式 ，在页面上选择一个文本>点击字体右边的“4个点”的图标>点击“+”图标
2）输入华为手机修改字体样式 你要创建的字体组件名称
如果你想对文本样式进行结构化管理华为手机修改字体样式 ，分到不同文件夹中，你可以在创建名称的时候加上斜杠：文件夹名/样式名
注意一点，你可以在任何时候修改字体样式，它将会自动在页面中修改任何你之前用过这些样式的字体华为手机修改字体样式 。
对齐
左对齐
绝大多数人习惯从左往右阅读，这也是为什么设计师通常都会采用左对齐的原因华为手机修改字体样式 。
居中对齐
当你觉得居中对齐在视觉上更美观时，就可以尝试使用居中对齐，此时其他内容也最好都居中对齐，保持统一华为手机修改字体样式 。
当文本内容超过3行时，就不建议使用居中对齐，因为这会让内容变得难以阅读华为手机修改字体样式 。
右对齐
华为手机修改字体样式 我发现有2种文本需要右对齐的情况：
1） 出于语言的需要华为手机修改字体样式 ，比如说希伯来语和阿拉伯语;
2）在表格和UI中，当字段名有不同的长度时，使用右对齐可以让它更接近所引用的数据华为手机修改字体样式 。（彩云注：亲密性原则的使用）
行高
每款字体依据它的字号都会有一个默认的行高华为手机修改字体样式 。有时默认的行高看起来就还不错，那么这个行高就让它自动而不需要做特别的改动。
但如果这个字块看起来非常拥挤那就需要手动调整它的行高华为手机修改字体样式 。
（彩云注：在15px字号时，我通常会给到1.3到1.6倍的行高会比较舒服，就比如大家现在看到的文章排版样式就是1.6倍行高华为手机修改字体样式 。当然也要看具体的字号大小和字体）
文本块宽度
你必须考虑到字块的最大宽度，尽量避免字块过长造成的阅读困难华为手机修改字体样式 。
我发现660-760px是一个比较好的字块宽度范围华为手机修改字体样式 。当使用这个宽度时，你的眼睛不需要来回移动，阅读起来就会非常舒服。
如何使用大写字母
在短的标题和文本块中适合用大写字母，不要在一段很长的文本中都用大写华为手机修改字体样式 。
不要忘记字母间距
检查颜色对比度
你在设计的时候能看清文本内容，不代表所有人都能看清楚华为手机修改字体样式 。
（彩云注：保持文字足够的对比度华为手机修改字体样式 ，具体怎么去走查，可以看看我之前写的文章，有具体的方法和工具）
文章转载：彩云译设计华为手机修改字体样式 ，版权归原作者所有
原文链接：
版权声明：“IXDC”所推送的文章，除非确实无法确认，我们都会注明作者和来源，本公众号对转载、分享的内容、陈述、观点判断保持中立，不对所包含内容的准确性、可靠性或完善性提供任何明或暗示的保证，仅供读者参考华为手机修改字体样式 。部分文章推送时未能与原作者取得联系，若涉及内容或作品等版权问题，烦请原作者联系我们，给出内容所在的网址并提供相关证明资料，我们会核查后立即更正或者删除有关内容！本公众号不承担任何责任，并拥有对此声明的最终解释权。
联系微信：Meia_99
终审 | 苏菁
编辑 | 王新荣
点这里华为手机修改字体样式 ，学习更多设计知识！
