网页设计中最常用的字体有哪些

相关推荐

网页设计中最常用的字体有哪些

　　很多网页设计的伙伴一遇到字体就头痛，到底用哪款字体比较适合在网页中显示呢?下面由小编跟大家分享网页设计中最常用的字体，欢迎大家学习与借鉴!

　　网页设计中最的字体有哪些

　　1、英文字体

　　Helvetica:

　　这个是设计师最爱的字体，Realist风格，简洁现代的线条，非常受到追捧。在Mac下面被认为是最佳的网页字体，在Windows下由于Hinting的原因显示很糟糕。

　　Arial:

　　Helvetica的【克隆】，和Helvetica非常像，细节上比如R和G有小小差别。如果字号太小，文字太多，看起来会有些累眼。Win和Mac显示都正常

　　Lucida Family:

　　Lucida Grande是Mac OS UI的标准字体，属于humanist风格，稍微活泼一点。Mac下的显示要比Win下好。

　　Verdana:

　　专门为了屏显而设计的字体，humanist风格，在小字号下仍可以清楚显示，但是字体细节缺失严重，最好别做标题。

　　Tahoma:

　　也是humanist风格，字体和Verdana有点像，但是略窄一些，counter略小，曾经是Windows的标准字体，Mac 10.5之后默认也有安装。

　　Trebuchet MS:

　　为微软设计的一个humanist风格字体，个人觉得个性太过突出，用得不好会不搭。

　　2、中文字体

　　中易宋体：

　　Win最常见的字体，小字体点阵，大字体TrueType，但是大字体并不好看，所以最好别做标题。

　　微软雅黑：

　　Vista之后新引入的字体，打开Cleartype之后显示效果不错，不开Cleartype发虚。

　　华文细黑：

　　Mac下的默认中文。

　　网页设计字体基础篇

　　字体之间最大的差异在于字体与字体之间，形体的差异。但是很多字体（特别是英文字体）之间，差异不大，有些新字体甚至是对已有字体进行了细微的改造后产生的。于是，就把字体分成了五个系列：衬线字体（serif）、无衬线字体（sans-serif）、等宽字体（Fixed-width Fonts）、仿手写字体（Cursive Fonts）、装饰用字体（Fantasy Fonts）。

　　1、衬线字体

　　【衬线】指的是是在字的笔画开始、结束的地方有额外的装饰，而且笔画的粗细会有所不同,所以【衬线】又被称为【字脚】。

　　优点：衬线字体容易识别，它强调了每个字母笔画的开始和结束，因此易读性比较高，在整文阅读的情况下，适合使用serif字体进行排版，易于换行阅读的识别性，避免发生行间的阅读错误和产生视觉疲劳。相对于衬线体的机械冰冷，而衬线字体更为严肃庄重，更具有温度，古典的美感。所以在书籍、报纸和杂志中大段落文字的排版，衬线体始终占据着压倒性的优势。

　　2、无衬线字体

　　无衬线体（Sans-serif）专指西文中没有衬线的字体，与汉字字体中的黑体相对应。与衬线字体相反，该类字体通常是机械的和统一线条的，它们往往拥有相同的曲率，笔直的线条，锐利的转角。

　　优点：因为无衬线的字体结构简单，在同等字号下，无衬线的字体看上去要比有衬线的更大，结构也更清晰，所以在分辨率较低的电子屏幕，和移动设备上无衬线体有着很明显的优势。因为天然的技术感和理性气质，无衬线字体多为科技型企业所青睐。

　　3、等宽字体

　　等宽字体（monospaced font）是指字符宽度相同的电脑字体。在传统西文印刷中，比例字体可以提高单词的可读性。但因早期的电脑显示器、打字机，由于技术的局限，无法进行字母宽度的比例调整，因此将每个字元都制作成一样的宽度，从而形成了等宽字体。

　　优点：精确性高，多用于程序编程。由程序猿的工作特性：编写代码。编写代码这种工作具有一个其他文字工作所不具有的特殊要求：就是编写出来的代码要求在每一个单个字符的级别上做到100%的精确性。

　　4、仿手写字体

　　仿手写字体（Cursive Fonts）顾名思义就是模仿手写字体。手写体，比较个性，通常用于标题、Logo等等。手写体是一款优点和缺点都比较明显的字体。

　　优点：特征比较明显、风格多样化、字体连贯流畅、观赏性极佳，具有一定的艺术性。多用于节日，艺术性，个性化企业等网页。

　　缺点：就是字符占位比较大，识别困难。不利于阅读，字体文件相对比较大，影响网页加载速度。

　　5、装饰用字体

　　装饰用字体。多数用于标题，极具个性。

　　装饰用字体极具个性，字体繁多，艺术字体无法对其的大小、形状下一个统一的定论，所以没有默认字体，实用性差，在网页中，也通常很少用到，除非你有特殊的用处创意性的设计。

【网页设计中最的字体有哪些】相关文章：

网页版式设计中前期的准备工作有哪些10-11

网页设计必须掌握哪些技能05-25

网页设计中要遵循哪些原则03-10