设计师教您如何选择优秀的网页字体发布者：本站     时间：2021-12-20 12:12:04

优秀的网页意味着设计人员对页面的精雕细琢，在这一过程中，我们既要接受规则，也要乐于发现并掌握新的工具，努力让生活变得更简单，设计更优秀。
其实网页的字体和真实的字体没有本质上的区别，所以我很不赞同”网页字体”和”真实的字体”不同这一说法，只能说它们的每个应用比如说网页字体、铅字、海报字体以及电影字体都有自己的特色和限制，但是归根究底，它们是同根生。

本文主要是告诉大家该怎么挑选网页的字体，我们收集了一些好的方法，关于怎么选择字体类型，怎样设计字体的细节，研究浏览器特性等等，这些都是网页设计进程中的一部分，快来看看吧~

选择合适的字体类型

在选择字体类型的时候我们很犹豫，因为要考虑的因素太多了，包括网页的用途，网页侧重以及网页类型。但是，作为一个设计师，当然要从”设计”的角度去看问题。现实很残酷，如果我们选错了类型太阳明天还是会照常升起，但是你要记住：选择字体类型这一决定是每个设计决定中最重要的环节，不管你做的是什么项目。

在选择字体类型时，我们要考虑文字的内容吗？要从历史或地理角度考虑吗？这就看你对自己的要求了。比如说，你正在为一个德国博物馆做项目，如果你能选择德国设计师在这一时期设计的字体类型，给人的感觉会不会更好一些呢？想了解这个的童鞋可以戳Typedia 。
你要相信，在网页设计这一领域，功夫比直觉更重要。

使用实物模型
一旦发现心仪的字体，你要看看这些字体是否适合文字内容， Typecast 是一个极好的测试工具。
使用此工具，你可以将文字内容、标题、副标题一一展示出来，并且是模拟真实浏览器的场景哦~同时这款工具还会建议你，哪些字体组合在一个网页上最悦目，真实极好的~

设计师教您如何选择优秀的网页字体,PS教程,

模块化比例使用这一工具你可以找到最适合网页的字号。比如说，我们设定字体基本尺寸为16像素，应用到黄金比例（1：1.61803，从向日葵的漩涡中发现的比例）这个结果是6.1，10，16，25.9，41.9，67.8。这些就是你可以使用的字号。

设计师教您如何选择优秀的网页字体,PS教程,

大自然是一个好地方，当你需要灵感的时候不妨站起来观察一下~
什么？你担心使用这些工具做出来的设计会不会太刻板了？NONONO，使用这些工具确实会给你的设计带来一些跟其他人相同的元素，但是我相信这比你偶尔大显身手有用多了。
想要了解更多关于modular scales的知识，请戳Tim Brown’s excellent article for A List Apart （Brown创建了 Modular Scale ，这是创建模块化比例的主要工具）

字体特点设置

CSS3的字体规范启用先进的OpenType支持功能。
里面有字体功能设置，包括使用自由连字，片段，先进的语言支持等等。
比如说，如果你使用片段功能，你可以打出 ½ ，而不是1/2。