2024年1月22日发(作者：)

网页设计中字体规范

网页设计中字体规范

网页设计中的字体选择以及常用字号

字体：

中文：宋体，微软雅黑，方正系列无状态

字号：

网页中正文/导航字号在12p__18px之间

英文可以偏小一些 10p__16px

再小识别性就不是特别好了

标题文字字号，18px，20px，24px，28px，32px， 尽可能使用双数

中规中矩，经典通用

中易宋体

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

微软雅黑

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

华文细黑

Mac下的默认中文。

英文

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之后默认也有安装。

Verdana：

是一套无衬线字体，由于它在小字上仍有结构清晰端整、阅

读辨识容易等高品质的表现，因而在1996年推出后即迅速成为许多领域所爱用的标准字型之一。

Georgia:

基本上适合正文屏显的衬线字体，非Georgia莫属了。笔画粗重，衬线明线，轮廓较大，小字体显示也很清晰，同时细节还算OK。

有些偏艺术类的网站的大字会使用lobster。更艺术的网站就搜索free font，或者font freebie吧

Trebuchet、Georgia、Times New Roman、Arial、Lucida等字体在26px或更大像素时效果是比较好的，非常适合作为正文的标题。

那些漂亮的网页banner，它们都是用的什么字体的?

看着那些设计各种酷炫的banner图，这个字体是不是随机使用?全凭设计师的感觉，无规律可循? 当然不是，设计师都是会根据bannner表达的主题，去挑选符合主题个性的字体。今儿就给大家分个类，以后再也不用为bannner上的字体发愁了!

第一类，稳定型协调，齐全，稳定，高质

微软雅黑

冬青黑体

宋体

华文细黑

方正正中黑

方正兰亭系列

第二类，刚硬，锐利，清晰，强烈

造字工坊力黑体

造字工坊版黑体

造字工坊劲黑体

锐字逼格锐线体简

张海山锐线体

华康儷金黑

蒙纳超刚黑体

更适用大气，热烈，权威，声明等主题

第三类，轻松，手写，可爱，童趣，亲切

方正经黑

华康海报

汉仪小麦

方正稚艺

新蒂下午茶

汉仪歪歪体

新蒂小丸子

适用于，游戏娱乐活动海报，h5广告页面，儿童 第四类，灵动，清新，秀雅，精致，古韵

方正清刻本悦宋简体

/女性主题

方正宋刻本秀楷体

汉仪全唐诗简

康熙字典体

祥南行书体

造字工房刻宋

适用于复古，典雅，传统，品质，灵动等主题