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

经典英文字体类推荐:

Centaur:具有史诗般正统风格,特别适合用于表现年代悠久。具体排版时注意合字和老式数字的使用。

Garamond:复古传统,没有强烈个性,十分易于阅读,因为太流行所以很多大的公司都做过Garamond复刻,苹果电脑里有系统字Garamond以及Adobe所制作的Adobe Garamond Pro。 如果是希望web上使     用,可以考虑EB Garamond。

Caslon:美国独立宣言用字,是活字时代的大热字体。很多公司也做过Caslon复刻,现在的使用也非常广泛。

Baskerville:过渡期罗马体(旧体到现代体)的代表性字体,非常经典,给人古典、高贵的感觉。

Didot:现代衬线体,发丝衬线。特点是强烈的笔画粗细对比和水平衬线,时尚,现代,优美。

Franklin Gothic:这款字体是很早出现的无衬线体,所以带有古风,笔画粗狂有力,具有男性化感觉,适合表现强有力。Web字体可以考虑Oswald。

Futura:Futura是拉丁语未来的意思,现代且具有几何特征,感觉是现在的主流大热字体,尤其是要突出时尚,设计感的时候可以使用。制作过程中受到包豪斯运动的影响。是LV的商标用字,也是现在很多杂志的首选字体。

Gill Sans:英国风格的代表字体,具有古典风格的骨架,但是又有很强的科技感和未来感,字体外形偏几何,但是是humanist字体,相对futura会柔和一些。

Opima:有古典气息,笔画两端比较粗中间比较细,气质优雅。时代周刊的字体更换,雅虎2013年使用Optima作为全新标识的设计基准都证明了这款字体的热度。

Univers:Grotesque字体,比Helvetica更加简练。字体家族非常全面,所以搭配使用很方便。

Myriad:Humanist字体,很早就已经流行,随着苹果的广泛使用更加引人注目,笔画柔和简洁。

Avenir:字形简洁,现代,虽然也有几何特征,但是不失人情味。Avenir是法语未来的意思,对同样未来含义的Futura是一种挑战,放大x-height,降部拉长,使得文字的易读性明显提高。字体家族也很完整。

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的,不过比较少了。