如何为网站选择正确的字体

衬线

衬线(Serif)字体是商业，报纸和博客的首选。因此，它被视为专业，传统和可靠。如果您要创建涉及大量阅读的网站，最好使用可读的Serif字体。 对于想要认真对待的网站而言，这是最好的! 那些小线条可以产生很大的不同作用。

无衬线

简单而简约的无衬线文字非常适合想要散发现代感的公司。 在某些情况下，Sans-serif可以更具可读性，例如文本段落或为幼儿设计时。 衬线主体的标题和文字是一种流行的组合。

脚本

优雅的脚本字体虽然不适合正文，但却是为您的网站添加创意触摸的好方法。 适合时尚，创意公司，博客等!

装饰文本

最后，装饰文本属于自己的范畴。 虽然它应该谨慎使用，但它可以成为您网站风格的绝佳方式。 但是，与脚本源不同，它几乎不应该用于专业网站。

考虑您的目标受众。您是否瞄准具有引人注目的装饰字体的儿童?一个现代观众回应无衬线和脚本，或欣赏传统的无衬线?记住您的受众并选择最合适的字体。

限制你的选择

在构建网站时，最好使用有限的“字体调色板”。就像艺术家的调色板一样，太多的字体会使网站看起来很杂乱，所以最好选择1-4个好的字体!

与他们的用法保持一致。主文本有一种字体，一种用于标题，一种用于文本导航，依此类推。

但是如何配对呢?一些字体看起来比其他字体更好。有两种很好的方法可以配对字体：基于相似功能或对比度。

您可以使用高、柔和或无衬线的字体。你也可以用对比作为决定因素;使用无衬线作为标题和衬线的身体，或选择一个较重的重量和线条粗细为您网站更大胆的文本。实验，看看哪些字体和谐!

标题与正文

每种字体都有时间和地点。不同的字体适用于不同的场合，但这在标题与正文中最为明显。

可读性对于网站上的大多数文本至关重要。对于正文，衬线或无衬线总是最好的 - 特别是对于较长的段落。但是在标题，徽标或其他短文本中，选择更大胆，更高，更具表现力的字体可能会更好，但这种字体不适合长时间阅读。

脚本和装饰字体只能在标题或简短的模糊中使用，因为它们的易读性很低。

选择完美字体

可能很难找到完美的字体组合，但找到有效的东西并不难。排版不难进入，但它是一种微妙的艺术。你能做的最好的事情就是尝试一切。

找出哪些有效，什么无效，以及为什么。研究网站的文本并了解正在使用的方法。很快你就会更好地理解排版，并且你可以在任何情况下选择最好的字体。

英文网站的字体选择：不同的字体在网站中的样式也不一样，并且一些字体是需要收费的，尽量不要使用一些过于稀有个性的字体样式，因为网站上使用的字体必须浏览者网站上有才能正常显示，如果用户电脑上没装字体，就会容易出错，在网络刚发展那几年，网站大部分都是英文语言。因为英文只有26个，比汉字的组成意义要容易，没有这么多的笔画，具有简约的特点，不少的英文站用的字体都不大，10像素、12像素是常见的，国外的网民甚至都养成了看小字母的习惯!所以在建英文网站时我们用14像素左右的字体即可!

中文网站的字体选择：中文网站方面由于我们的上网习惯跟国外是不一样的，我们并不喜欢看小字，也不太习惯去给电脑安装一些乱七八糟的字体，就是在建网站时只要用了不是系统默认的字体就基本上不会正常显示了，从省事的角度来说，只用系统默认字体就可以了，不夸张的说宋体雅黑什么的可以用一辈子。所以在建设中文网站时尽量不要选择个性字体，根据设计原则，网站上总的来说不要多于3种字体!

网站字体的色彩选择：决定用什么字体后可以考虑给字体添加颜色，也就是字体样式的color属性，网站字体的颜色一般需要根据整体的风格进行搭配选择，与图片及背景等元素的色彩相呼应，常见的多为朴素的深灰色，黑色，超链接文字一般为蓝色，警示提醒类文字一般采用红色等明显的颜色，绿色就代表健康，环保，多出现于食品或环保类企业网站!

选择网站字体时要注重其它问题，不只是字体的大小样式及颜色，字体在网站中还有其它的表现形式，比如有图标型字体，把字体做成图标存储在服务器上。还可以给字体添加加粗，H标签，删除线或下划线等等，根据不同的排版对字体加以修饰，使其符合建网站所设计的风格。浑厚粗体字用于健身或机械企业类型，细黑字体用于女性用品，不同的字体所表达的意境也不一样，

1、微软雅黑

Vista之后新引入的字体，这个字体的使用率不用说了，可以说是web里面最安全的一个字体。字体方正、简洁，被广泛使用。

2、黑体

黑体字和微软雅黑差不多，作为非称线字中的一种，一样具备方正、简洁、醒目的特点。这样的字体特别适合当标题。其实黑体在使用上没有微软雅黑来得清晰明亮，一般在微软雅黑和黑体的选择下，个人更倾向微软雅黑。

3、Arial

说到Arial，这套字体是微软公司网页核心字体之一，最常用的sans serif字体，当字号很小时不容易阅读。但是，大写的“I”和小写的“l”是无法区别的，所以一般可以考虑用Tahoma字体来替代。这套字体方正、不花巧、方便阅读和印刷清晰。使用范围也是特别的广泛。但是要知道的是，苹果系统下是没有这套字体的，苹果系统下默认的是Helvetica。

4、Tahoma

ahoma是英文Windows操作系统的默认字体，这个字体比较均衡，是种非常圆滑的字体。这个字体和中文混排显示时，不会出现中英文不对齐的状态。这套字体解决了Arial大写“I”与小写“l”难以分辨的问题。也相当于在Arial上优化了不少。除此，细看这套字体，可以发现其实在一些笔划的处理上还是很精致的。

5、Georgia

说到英文的称线字，肯定首选是Georgia。这套字体笔划粗重，衬线明线，轮廓较大，小字体显示也很清晰，同时细节还不错。此种字体风格优雅又精致，可用于电影海报、游戏、时尚类网页设计中。

在专业的网页设计里，除了Banner图、广告语等特殊情况可能会用到特殊字体，网页中使用的字体以不超过2种为准，并且最好采用标准字体，比如中文的宋体、微软雅黑，英文的Arial、Helvetica。只有使用这些系统自带的字体，才能让前端开发人员在排版时高程度地还原设计稿的文字效果。倘若使用了特殊字体，在设计font-family的时候，应该多设置几种字体的优先顺序，以确保网页显示的最佳效果。当然，我们一般情况下建议使用系统自带的字体。

1. 不要使用变形的字体。

可能孩子的生日派对邀请函上会使用这种字体，但如果你想要别人认真对待你的网站，千万不要使用这种变形的字体。

每种字体都有自己的个性(就像前面说过的一样)。不同的字体会让人对你的网站和品牌产生不同的印象。

比如，Papyrus字体会让人想到古代文明。你会联想到埃及木乃伊电影，而不会联想到理财网站。

当然这些字体在一些有趣的或者爱好类网站中很有市场，但如果你想要自己的网站够专业，千万不要选择它们。

2. 不要使用凌乱的字体造成阅读困难

为主要内容选择字体设计和为标题、logo等选择字体是不同的。

网站内容的作用，是向阅读者传达产品或服务相关的有用信息，因此易读性是非常重要的。

要选择设计感太重的字体，以免造成阅读困难。

这些是我喜欢的免费字体风格，很多优秀的网站建设工具都能找到。

如果你有疑问，可以参考下面这几种字体，适用于大多数场合：

仍然觉得选择合适的字体很麻烦?

这是Basekit的字体设计流程图(Font Design Flow Chart)，可以帮你为内容区域选择合适的字体：

3. 行间距太小

让内容更便于阅读的最简单的方法之一，就是增加行间距。

完美的行间距应该是相应字号的150%。

比如，如果字号是24px，行间距就应该是36px(24px×150%)：

4.不要使用太多不同的字体设计

“少即是多”，设计中永远适用的准则。

网站上的字体设计不宜超过四种。

·大标题、网页标题一种

·副标题一种(可选--这不是一个必选项。副标题可以跟主体内容使用同个字体，只需要改变一下字号，让副标题更突出即可)

·主体内容区域一种

·引用内容一种

字体太多会让网站看起来混乱且不专业。人们可能需要花费很多时间来弄清楚你想要传达的信息。

所以，请不要让网站使用的字体超过四种。

5.要使用太多字体颜色

颜色是树立品牌形象的强大工具。

提起星巴克，你会想到什么颜色?大部分人想到的肯定是它们logo和网站中使用的绿色。

为字体选择颜色时，请只选择一到两种品牌颜色，使用在大标题和副标题中。

多于两种颜色看起来会很凌乱。