都知道，字体紧张分为称线字和无称线字。实在细分的话还有等宽字体、梦幻字体和花体字。但本日我们紧张针对常用的称线字和非称线字来讲。
称线字和非称线字的差异可以看下图：
可以看到左边的中文和英笔墨属于称线字，右边中文和英文属于非称线字。称线字指的是在字的笔画开始、结束的地方有额外的装饰，而且笔画的粗细会有所不同。比如我们常用的宋体，不雅观察比划可以看到横细竖粗的特点，这便是范例的称线字。非称线字也叫无称线字，无衬线字体没有这些额外的装饰，而且笔画的粗细差不多。比如微软雅黑。
称线字体随意马虎识别，它强调了每个字母笔画的开始和结束，因此易读性比较高，非称线字则比较能干。以是，在利用的过程中须要根据网站的定位而选择相应的字体。
下面大略给大家先容网页中常用的几种字体：
1、微软雅黑
Vista之后新引入的字体，这个字体的利用率不用说了，可以说是web里面最安全的一个字体。字体方正、简洁，被广泛利用。
上海大众这个网站默认的首选字体便是微软雅黑，整体比较简洁。
2、黑体
黑体字和微软雅黑差不多，作为非称线字中的一种，一样具备方正、简洁、能干的特点。这样的字体特殊适宜当标题。实在黑体在利用上没有微软雅黑来得清晰通亮，一样平常在微软雅黑和黑体的选择下，个人更方向微软雅黑。
佳能的官网默认首选的字体便是黑体，字体简洁能干。
3、华文细黑
华文细黑是Mac下的默认中文，这套字体跟前面的微软雅黑比较较，更显绢细、秀气。笔划细节比微软雅黑处理的多一些，以是整体给人比较精细的觉得。把稳一下，华文细黑并不是所有电脑的自带字体，当网站笔墨用到这个字体的时候，是须要在自己电脑高下载这套字体的。除此，在写css代码的时候，font-family该当设置的选择性多一下，以担保界面打开的最佳效果。
这个字体就不给大家做展示效果了，由于这个不是系统的默认字体，电脑上没有安装这个字体的也看不到网页的原始效果。
4、中易宋体
前面先容的三款字体都是非称线字，接着要先容的是称线字体——中易宋体，简称宋体。宋体在我们的日常中利用范围也很广，这是电脑自带的个中一种字体。宋体是为适应印刷术而涌现的一种汉字字体。笔划有粗细变革，常用于书本、杂志、报纸印刷的正文排版，以是在大篇幅文章的设计时，可以采取宋体。这个字体是Windows系统下最常见的字体，小字体点阵，大字体TrueType。大标题显示时字体不是很好看，以是一样平常不建议用宋体来当标题。
上海汉路状师事务所的网站便是采取了宋体字，这种字体的选择一样平常涌如今一些个性比较强的网站中，传统、专业、公道、官方、威信，宋体就表现了这种特点。
5、 Arial
说到Arial，这套字体是微软公司网页核心字体之一，最常用的sans serif字体，当字号很小时不随意马虎阅读。但是，大写的“I”和小写的“l”是无法差异的，以是一样平常可以考虑用Tahoma字体来替代。这套字体方正、不花巧、方便阅读和印刷清晰。利用范围也是特殊的广泛。但是要知道的是，苹果系统下是没有这套字体的，苹果系统下默认的是Helvetica。
可以看下禅道项目管理软件的英文网站，幻灯片采取的字体便是Arial，可以看下这套字体在幻灯片下粗细的组合形态。
6、Tahoma
Tahoma是英文Windows操作系统的默认字体，这个字体比较均衡，是种非常调皮的字体。这个字体和中文混排显示时，不会涌现中英文不对齐的状态。这套字体办理了Arial大写“I”与小写“l”难以分辨的问题。也相称于在Arial上优化了不少。除此，细看这套字体，可以创造其实在一些笔划的处理上还是很精细的。
zui前端框架网站，英笔墨体的设置上也用到了这个字体，虽然不是第一优先选择，但是可以看出Tahoma这套字体的利用率也是很高的。
7、Helvetica
说到Helvetica这套字体，该当是设计师们的最爱了吧。这套字体属于 Realist风格，拥有简洁当代的线条，受到大部分设计师的追捧。这种字体给人一种大略、当代化、休闲轻松的觉得。适用于扁平化设计，也适宜搭配任何设计项目，包括banner、平面设计以及网页字体等。在Mac下面被认为是最佳的网页字体，但在Windows下由于Hinting的缘故原由显示很糟糕。
这个字体紧张表示在苹果官网上，可以看下美国的官网。
8、Georgia
说到英文的称线字，肯定首选是Georgia。这套字体笔划粗重，衬线明线，轮廓较大，小字体显示也很清晰，同时细节还不错。此种字体风格优雅又精细，可用于电影海报、游戏、时尚类网页设计中。
林肯的官网，Georgia是官网的第二优先选择显示的字体。网站比较当代，在一些幻灯片当中结合了Georgia字体，称线字和非称线字的相结合，可以使得全体网站更生动。
在专业的网页设计里，除了Banner图、广告语等分外情形可能会用到分外字体，网页中利用的字体以不超过2种为准，并且最好采取标准字体，比如中文的宋体、微软雅黑，英文的Arial、Helvetica。只有利用这些系统自带的字体，才能让前端开拓职员在排版时高程度地还原设计稿的笔墨效果。倘若利用了分外字体，在设计font-family的时候，该当多设置几种字体的优先顺序，以确保网页显示的最佳效果。当然，我们一样平常情形下建议利用系统自带的字体。
以上8种网站中常用的字体先容和示例，希望可以对大家有所帮助。
把稳：部分字体利用过程中涉及商业版权，请慎重选择。
