网页设计中，用到的字体取决于产品在什么系统上运行，产品是纯英文还是中文英文甚至还有其他国家语言。
Franklin Gothic
这款字体是很早出现的无衬线体，所以带有古风，笔画粗狂有力，具有男性化感觉，适合表现强有力。Web字体可以考虑Oswald。
Futura
Futura是拉丁语未来的意思，现代且具有几何特征，感觉是现在的主流大热字体，尤其是要突出时尚，设计感的时候可以使用。制作过程中受到包豪斯运动的影响。是LV的商标用字，也是现在很多杂志的首选字体。
Arial: Helvetica的「克隆」，和Helvetica非常像，细节上比如R和G有小小差别。如果字号太小，文字太多，看起来会有些累眼。Win和Mac显示都正常
Verdana: 专门为了屏显而设计的字体，humanist风格，在小字号下仍可以清楚显示，但是字体细节缺失严重，最好别做标题。
Tahoma: 也是humanist风格，字体和Verdana有点像，但是略窄一些，counter略小，曾经是Windows的标准字体，Mac 10.5之后默认也有安装。
Trebuchet MS: 为微软设计的一个humanist风格字体，个人觉得个性太过突出，
Centaur
具有史诗般正统风格，特别适合用于表现年代悠久。具体排版时注意合字和老式数字的使用。
Garamond
复古传统，没有强烈个性，十分易于阅读，因为太流行所以很多大的公司都做过Garamond复刻，苹果电脑里有系统字Garamond以及Adobe所制作的Adobe Garamond Pro。 如果是希望web上使用，可以考虑EB Garamond。
Caslon
美国独立宣言用字，是活字时代的大热字体。很多公司也做过Caslon复刻，现在的使用也非常广泛。
Lucida Family: Lucida Grande是Mac OS UI的标准字体，属于humanist风格，稍微活泼一点。Mac下的显示要比Win下好。
Baskerville
过渡期罗马体(旧体到现代体)的代表性字体，非常经典，给人古典、高贵的感觉。
Didot
现代衬线体，发丝衬线。特点是强烈的笔画粗细对比和水平衬线，时尚，现代，优美。
Times: Times是为了报纸而设计的，特点是可以在有限的空间塞进去更多的文字，笔画较弱，小字号正文屏显看起来累眼。曾经Engadget改版的时候用了Times作为正文，被骂得很惨之后换成了Georgia。
Helvetica: 被评为设计师最爱的字体，Realist风格，简洁现代的线条，非常受到追捧。在Mac下面被认为是最佳的网页字体，在Windows下由于Hinting的原因显示很糟糕。
Avenir
字形简洁，现代，虽然也有几何特征，但是不失人情味。Avenir是法语未来的意思，对同样未来含义的Futura是一种挑战，放大x-height，降部拉长，使得文字的易读性明显提高。字体家族也很完整。
Georgia: 基本上适合正文屏显的衬线字体，非Georgia莫属了。笔画粗重，衬线明线，轮廓较大，小字体显示也很清晰，同时细节还算OK。
Gill Sans
英国风格的代表字体，具有古典风格的骨架，但是又有很强的科技感和未来感，字体外形偏几何，但是是humanist字体，相对futura会柔和一些。
Opima
有古典气息，笔画两端比较粗中间比较细，气质优雅。时代周刊的字体更换，雅虎2013年使用Optima作为全新标识的设计基准都证明了这款字体的热度。
Univers
Grotesque字体，比Helvetica更加简练。字体家族非常全面，所以搭配使用很方便。
Myriad
Humanist字体，很早就已经流行，随着苹果的广泛使用更加引人注目，笔画柔和简洁。

中文字体用的最多的微软雅黑 黑体 宋体 华文楷体。对于网站来说，下载字体很复杂。英文字体 26个大写+26个小写+标点符号不是很多，但中文汉字的数量，所以很少有网站会去让用户去下载中文字体的。
当然有一种方式就是多种字体交叉使用。网页设计，即是网站设计字体的运用对网站整体起到很大作用。