Top 5 字体及其用法

作者: 尼克努努 | 来源:发表于2017-11-15 08:55 被阅读9次

世界上有两种人，爱读书的人，不爱的人。无论如何，这个时代的内容仍然是王。

然而，如果不能很好地呈现，那么好的内容就没有意义。如今，如此多的网页设计向文本妥协，并成为排版中打出正确的标志是整体网站成功的关键因素。

数字是一个非常有活力的平台，我们必须接受内容不断变化。与印刷不同，网页设计没有自由定义字母之间的空间。

字体对用户有着深刻的心理影响，这里列举了6个全球范围内网页设计的伟大排版实例，也是文本永远不会无聊的完美例子！

1. Poppins

来源：Google Fonts

字体链接:

https://fonts.google.com/specimen/Poppins

案例：http://zipl.pro/,http://www.nerval.ch/apollo_11/,http://theisbothmann.com/http://www.kikk.be/2016/

推荐用于：模块化和mini网站

描述：Poppins是Geometric sans serif字体之一，是网站设计流行的工具。每个字母几乎是单线性的，在需要保持平版印刷颜色的情况下，将光学校正应用于笔画关节。

2. Open Sans

来源：Google Fonts

字体链接:

https://fonts.google.com/specimen/Open+Sans

案例：

http://gravity-theme.site/( Company, Corporate and Product websites)

推荐用于：标准的外观 - 正式的感觉

描述：Open Sans对于Raleway，Brandon Grotesk，Montserrat，Lato等许多字体来说都是非常好的一对。它在浏览器上渲染精美，可读性好。

3. Montserrat

来源：Google Fonts

字体链接:

https://fonts.google.com/specimen/Montserrat

案例：

http://www.dangblast.com/,http://hansonwu.com/howtoordereggs/#/

推荐用于：有趣的网站，它创造了一个雄伟而有趣的外观

描述：这个字体有三个变种，唤起了20世纪初的现代主义风格，然而，比起Futura，它感觉不太正式。Montserrat所有大写字母细节都很漂亮，同时字母的几何形状很简单。小写字母也是是一个相当不错的字母，有一个很好的X高度和比Arial或Helvetica更多的字符。

4. Playfair Display

来源：Google Fonts

字体链接:

https://fonts.google.com/specimen/Playfair+Display

案例：

http://adrien-heury.net/designers-checklists/http://mondaymusic.es/en,https://www.craftedbygc.com/https://hoodzpahdesign.com/

推荐用于：基本上是一个适合所有网页，并创造信任的感觉。它可以用于模块化以及传统网站。

描述：它是一种衬线字体，有着美丽的曲线和圆润的拐角，适合传统和现代的网站。设计受到十八世纪中后期字体的影响，如Baskerville。对于title和headline（特别是斜体）来尤为适合，这是一个很好的字体，但是，对于长时间的字体复制，较小的宽高比可能会妨碍可读性，特别是在较小尺寸的情况下使用。