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

通常内容应用的字体,font-family:宋体,微软雅黑,arial,verdana,arial,serif。通常标题应用的字体,font-family:font-family:宋体,微软雅黑,arial,只是字号的大小不一样。通常的字体大小,font-size:12px或14px。让网页显示微软雅黑效果通常这样写css代码font-family:微软雅黑,宋体。
font-family:宋体,微软雅黑,arial,verdana,arial,serif;
font-family:
微软雅黑,
'microsoft
yahei',
'hiragino
sans
gb',
tahoma,
arial,
宋体;
font-family:
"helvetica
neue",helvetica,"hiragino
sans
gb","microsoft
yahei",arial,sans-serif;
font-family:
"segoe
ui",
helvetica,
arial,
sans-serif;
font-family:
arial,"hiragino
sans
gb",
"microsoft
yahei",helvetica,tahoma,sans-serif;
sans-serif
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风格字体，个人觉得个性太过突出，用得不好会不搭。
serif
georgia:
基本上适合正文屏显的衬线字体，非georgia莫属了。笔画粗重，衬线明线，轮廓较大，小字体显示也很清晰，同时细节还算ok。
times:
times是为了报纸而设计的，特点是可以在有限的空间塞进去更多的文字，笔画较弱，小字号正文屏显看起来累眼。曾经engadget改版的时候用了times作为正文，被骂得很惨之后换成了georgia。
中文不熟，抛砖引玉：
中易宋体：win最常见的字体，小字体点阵，大字体truetype，但是大字体并不好看，所以最好别做标题。
微软雅黑：vista之后新引入的字体，打开cleartype之后显示效果不错，不开cleartype发虚。
华文细黑：mac下的默认中文。
装电脑时系统自带的字体都可以用，常用的微软雅黑，宋体，黑体，arial。

英文字体
Sans-serif:
1.
Helvetica: 被评为设计师最爱的字体，Realist风格，简洁现代的线条，非常受到追捧。在Mac下面被认为是最佳的网页字体，在Windows下由于Hinting的原因显示很糟糕。
2.
Arial: Helvetica的「克隆」，和Helvetica非常像，细节上比如R和G有小小差别。如果字号太小，文字太多，看起来会有些累眼。Win和Mac显示都正常。
3.
Lucida
Family: Lucida
Grande是Mac
OS
UI的标准字体，属于humanist风格，稍微活泼一点。Mac下的显示要比Win下好。
4.
Verdana: 专门为了屏显而设计的字体，humanist风格，在小字号下仍可以清楚显示，但是字体细节缺失严重，最好别做标题。
5.
Tahoma: 也是humanist风格，字体和Verdana有点像，但是略窄一些，counter略小，曾经是Windows的标准字体，Mac
10.5之后默认也有安装。
6.
Trebuchet
MS: 为微软设计的一个humanist风格字体，个人觉得个性太过突出，用得不好会不搭。
7.
Verdana，是一套无衬线字体，由于它在小字上仍有结构清晰端整、阅读辨识容易等高品质的表现，因而在1996年推出后即迅速成为许多领域所爱用的标准字型之一。
Serif
1.
Georgia: 基本上适合正文屏显的衬线字体，非Georgia莫属了。笔画粗重，衬线明线，轮廓较大，小字体显示也很清晰，同时细节还算OK。
2.
Times: Times是为了报纸而设计的，特点是可以在有限的空间塞进去更多的文字，笔画较弱，小字号正文屏显看起来累眼。曾经Engadget改版的时候用了Times作为正文，被骂得很惨之后换成了Georgia。
有些偏艺术类的网站的大字会使用lobster。更艺术的网站就搜索free
font，或者font
freebie吧，出现的名字格式为“X种免费网页设计字体”的博客文章，都进去看一眼，挑一个就好。
Trebuchet、Georgia、Times
New
Roman、Arial、Lucida等字体在26px或更大像素时效果是比较好的，非常适合作为正文的标题。
中文字体
1.
中易宋体：Win最常见的字体，小字体点阵，大字体TrueType，但是大字体并不好看，所以最好别做标题。
2.
微软雅黑：Vista之后新引入的字体，打开Cleartype之后显示效果不错，不开Cleartype发虚。
3.
华文细黑：Mac下的默认中文。
Droid
Sans和衍生的WenQuanYi
Microhei：Andriod中的中文，也是Linux绝大多数发行版本的默认中文，，当然也有用WenQuanyi
Zenhei的，不过比较少了。

Sans-serif
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风格字体，个人觉得个性太过突出，用得不好会不搭。
Serif
Georgia:
基本上适合正文屏显的衬线字体，非Georgia莫属了。笔画粗重，衬线明线，轮廓较大，小字体显示也很清晰，同时细节还算OK。
Times:
Times是为了报纸而设计的，特点是可以在有限的空间塞进去更多的文字，笔画较弱，小字号正文屏显看起来累眼。曾经Engadget改版的时候用了Times作为正文，被骂得很惨之后换成了Georgia。
中文不熟，抛砖引玉：
中易宋体：Win最常见的字体，小字体点阵，大字体TrueType，但是大字体并不好看，所以最好别做标题。
微软雅黑：Vista之后新引入的字体，打开Cleartype之后显示效果不错，不开Cleartype发虚。
华文细黑：Mac下的默认中文。
Droid
Sans和衍生的WenQuanYi
Microhei：Andriod中的中文，也是Linux绝大多数发行版本的默认中文，，当然也有用WenQuanyi
Zenhei的，不过比较少了。