字体简介 基础知识

字体是最基本的设计元素，无论你是做可视化设计，UI设计，web设计等等，免不了每天和字体打交道。相应的环境使用相应调性的字体，无疑会让视觉更具美感，更加专业。

如果，你遇见下面的问题，

“装了10个G的字体，选字体的时候，眼花缭乱，不知道怎么选？”

“客户说，字体怪怪的，说不上哪有什么问题，总之就是不对！”

“这个字体能用吗？会不会有版权问题？”

...

如果你不是专门做字体的字体设计师，

那么，关于字体，了解这些就足够。

好了，坐稳开车...

字体的分类

衬线体

无衬线体

字体字族

字体比例系统

字体版权问题

icon-font

使用字体需要注意的几点

1.字体的分类

字体有很多种，但大体的类别有：衬线体（serif）；无衬线体（sanserif）；手写体（s cript）等等。这里我们对常用的衬线体和无衬线体做大概的介绍。

2.衬线体

笔画末端有爪状或者线条叫衬线，据说衬线有助于水平方向的视线移动，所以小说等正文排版中会更多的使用传统造型的罗马字体。总之就是带有装饰线条的字体，对应中文的宋体。

字体和人一样，有自己的性格，有一个很直观的风格调性，

这就好比导演选演员一样，什么样的演员适合演什么样的故事，为了让大家印象深刻，举个例子：

如图所示两位女神，袁泉纤瘦干练，贾玲胖乎乎的喜感十足，站那不说话也能逗你够呛，所以啊，

袁泉适合《后会有期》，贾玲适合上春晚。

那么，衬线体的字体性格都有哪些呢？常用的大体有女性化，高冷，文艺，时尚行业等。代表字体：Didot，宋体。

比如：

3.无衬线体

20世纪无衬线体开始被广泛应用，字形简洁现代，容易识别，因此多用于报纸字典的标题、户外道路指示牌等。

如图所示，笔画末端不带修饰的，对应中文的黑体。代表字体：苹方，Helvetica。

尤其，Apple公司带火了这一类型的字体，它的官网，海报，IOS等设备，无一例外，都采用了这一类型的字体。

主要就是因为，无衬线体字体性格：科技感十足，简洁现代，容易识别。来一起看看

好了，就放这几张吧，相信大家现在都人手一台iphone，没事自己仔细瞅瞅...

4.字体字族

顾名思义，就是某一系统字体的临近加粗，斜体等字体。比如Helvetica:

我们有时候会根据具体需求，去选择某一字体字族合适的字体。

5.字体比例系统

无论我们在做网页，App还是其他设计，都要设定基准字号，即画面中不可能再大，或者不可能再小的字号。一般网页基准字号12px，14px，13px也有。App基准字号，22px，24px，26px等，具体选择应该根据情况和需求来定。

当我们设定了基准字号，假如我们在设计它的title或者比它大的字体，可依据字体比例系统来设计，1:1.618，1：2，1：3都是常用的比例。

6.字体版权问题

宋体，微软雅黑，Arial这些都是常用的字体。

另外，项目中如果客户有自己的VI，有自己整套的字体，那就更好不过了。

客户如果没有自己的字体，如果有需求，也可以尝试google等出的一套免费开源字体。

总之，在使用非开源字体时，如果你没有购买字体授权，这无疑是冒险的，要知道，现在很多字体公司都是靠打官司赚钱的。

7.icon-font

icon-font 技术，本质上是一个icon，即可以方便的在网页或者文本构成的用户界面中加入图形标志，这是当前最方便的显示矢量图形的方式。它可以借助 CSS 的 @font-face 嵌入到网页里，用以显示 icon。因为是矢量化图形，它在任何分辨率和PPI下面，都可以做到完美缩放，不会像传统位图， 如：png，jpeg，放大后有锯齿或模糊现象。

8.使用字体需要注意的几点

a.使用超过3种不同的字体使设计看起来非结构化和不专业，一般来说，整个设计版面的字体的数量限制在最多两种，一种一般就足够了。

b.如果你想要一个良好的阅读体验，你应该每行约60个字符。在每行上拥有适当的字符数量是您的文本可读性的关键。如果每行文字太短，视线必须反复折回来，打破读者的节奏。如果一行文字太长，用户的眼睛将很难专注于文本。

c.谨慎使用全大写字符串，那只会大大延缓了用户扫描和阅读的速度。

d.确保字体清晰可见，便于阅读，这一点看似废话但的确很重要。

好了，对字体有了一个比较深入的了解，相信大家在选择字体时都能有所依据，都能更好的和客户沟通，如果有问题欢迎评论沟通。如果帮助，收藏转发支持哦~~