字体在网站中扮演了相对重要的一个角色，所以在网站中，选用什么样的字体也是一个相对比较重要的工作。今天跟大家分享下在网站当中常用的8款字体。
都知道，字体主要分为称线字和无称线字。其实细分的话还有等宽字体、梦幻字体和花体字。但今天我们主要针对常用的称线字和非称线字来讲。
称线字和非称线字的区别可以看下图：
可以看到左边的中文和英文字属于称线字，右边中文和英文属于非称线字。称线字指的是在字的笔画开始、结束的地方有额外的装饰，而且笔画的粗细会有所不同。比如我们常用的宋体，观察比划可以看到横细竖粗的特点，这就是典型的称线字。非称线字也叫无称线字，无衬线字体没有这些额外的装饰，而且笔画的粗细差不多。比如微软雅黑。
称线字体容易识别，它强调了每个字母笔画的开始和结束，因此易读性比较高，非称线字则比较醒目。所以，在使用的过程中需要根据网站的定位而选择相应的字体。
下面简单给大家介绍网页中常用的几种字体：
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种网站中常用的字体介绍和示例，希望可以对大家有所帮助。
注意：部分字体使用过程中涉及商业版权，请慎重选择。
一般网页的字体都是很适合一般人阅读的，不然如果一个网站的网页字体设置的过大或过小都会没人去看的。但总会遇到一些特殊情况，需要改变下网页字体大小才更好。
其实很多人写过经验怎么改变网页字体大小，但大多数人都是写的实质是改变网页大小，并不是单单网页字体的大小。
而且，这个网页字体大小设置是在浏览器设置的，有些浏览器没有这个功能(至少下面讲到的我没发现有这个功能，如有遗漏欢迎补充。)但是网页大小设置却是都会有的，所以下面会穿插介绍网页大小与网页字体大小的设置。
这里介绍六种常用浏览器怎么改网页字体大小，或者说网页大小。而且先说明，所有的浏览器都可以改网页大小。改变了网页大小是一定可以改变字体大小的，但改变了字体大小却未必可以把网页文字全部变大或变小，下面会具体跟大家说。
方法/步骤
首先是IE浏览器，IE浏览器可以设置网页字体大小。
打开IE浏览器后，看到左上角菜单里的“查看”选项，点击后会有一个“字体大小”的选项，鼠标经过后可以看到右侧会有字体大小的几个选项，默认都是“中”大小，选择其他选项就是其他字体的大小：
然后看IE浏览器网页大小的设置。
同样刚才的查看菜单，可以看到有一个“缩放”选项，鼠标经过后可以看到右侧一些百分比选项：
然后，这里再提一个浏览器通用的功能：改变网页大小的快捷键——“Ctrl”+”+/-“;或者是“Ctrl”+”鼠标中间的滑轮“：
再看火狐浏览器，火狐浏览器也可以设置网页字体大小，但不能直接设置。
当要改变网页字体大小时，首先需要依次点击火狐浏览器左上角菜单里的“查看”、“缩放”，再选择“仅文本缩放”：
这样再选择放大或缩小，都是网页字体的变化了，而网页大小并不会变化，同时上面提到的快捷键方式一样适用。如果需要网页变大小，就需要刚才步骤去掉勾选“仅文本缩放”。如果改的太大或太小不知道什么比例才合适了，就可以点击查看缩放里的“重置”：
再看搜狗浏览器，搜狗浏览器同样可以设置网页字体大小。
以搜狗四点几的版本为例，看到“菜单”里的“文字大小”，就可以选择字体的大小了：
如果是网页大小，除了上面说到的快捷键，还可以在查看菜单里的“缩放”，找到合适的比例：
百度浏览器我没有找到有改变字体的功能，但改变网页大小的设置一样有(除快捷键)。
点击百度浏览器里右侧“菜单”，然后就可以看到有个“缩放”了，自己调整即可：
360浏览器一样有网页大小设置无字体大小设置。
在菜单里“查看”，再看有个“网页缩放”里有自由选择项：
Chrome浏览器与百度浏览器差不多，同样在右边菜单打开后有“缩放”功能。
最后说一下网页大小与网页字体大小变化后的区别。
网页字体变大或变小后，并不会给整个网页的大框架发生改变，只是会在某的字体框架里变化，如：
而改变网页大小的话，是把网页整体改变大小，如变大了会撑出整个屏幕，需要移动滚动条才可以看到全部网页内容，如：
通过以上讲解，相信大家都对怎么改网页字体大小有了详细了解。
相关问答
在浏览器中使用自定义字体,可以使用CSS的@font-face规则来实现。具体步骤如下:1.下载需要使用的字体文件,并将其保存为TTF(TrueTypeFont)格式。2.在HTML中.....
1、打开浏览器后,我们看到的网页字体都是默认的宋体,首先,找到浏览器的菜单栏,选择工具,然后再选internet选项。2、然后会弹出internet属性窗口,选择常规...1、...
浏览器,这里以谷歌为例子,点击右上角的设置按钮。2、在下来菜单中选择选项栏目。3、在打开的选项页面中,选择高级选项。4、这时,可以修改字体的大小,然后点击...
您可以通过以下方法加深电脑浏览器的字体颜色:1.改变浏览器主题:在浏览器的设置中,可以选择不同的主题,有些主题的字体颜色会比较深。2.安装浏览器插件:...
一、首先,先打开正在使用的浏览器。二、然后找到该浏览器的“工具”设置,点击打开。三、然后在“工具”中找到“Internet选项”选中打开。四、然后在“常规...
对IE浏览器:打开IE浏览器,然后点击左上角的“页面”选项。然后在出现的选项中将鼠标放在“字体大小”上面,它就出出现选项,然后根据需要选择浏览器的字体大...
您可以使用以下方法调整网页字体大小:-在IE浏览器中,单击“查看”菜单,然后选择“字体大小”。-在火狐浏览器中,单击“查看”菜单,然后选择“缩放”,再...
好用的浏览器一般如下:1,IE系列。包括IE6,ie7,以及在IE基础上改进的遨游,Tecent浏览器。用户感觉来说,IE7不错,就是速度有一点点慢。推荐,属于最新的浏览...
这个直接用ctrl+滚轮上下,缩放网页这样可能还会好一些。浏览器默认的字体大小调整只支持标准网页的,其实不在乎的话还可以调整分辨率,或者是整个系...
有时候我们想对网页的字体进行相应的设置,或者说设置字体的大小,怎么调节。希望我的方法对大家有帮助。1、打开手机,找到浏览器并点击,如下图所示,2、打开...
