网页设计中字体规范总结

来源：南昌网页设计培训学校时间：2019/6/22 14:39:35

　　字体：

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

　　字号：

　　网页中正文/导航字号在12px-18px之间

　　英文可以偏小一些 10px-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的字体选用方法是要根据banner的主题，去挑选字体，因为字体本身也是有性格的，跟选老婆一样性格合得来那就幸福，如果合不来总吵架这一辈子可咋过....在字库中挑选字体时一件很让人恼火的事，为了方便大家使用，我把网页设计中经常用到的字体，按照性格分了类，以下推荐这些字体，是平时工作学习中总结得出，希望能给新收一些指导，如果你是高手，有自己的一套用字方法，那当然是极好的，所以真的不必太钻牛角尖

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

　　类，稳定型(协调，齐全，稳定，高质)

　　微软雅黑

　　冬青黑体

　　宋体

　　华文细黑

　　方正正中黑

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

　　造字工坊力黑体

　　造字工坊版黑体

　　造字工坊劲黑体

　　锐字逼格锐线体简

　　张海山锐线体

　　华康儷金黑

　　蒙纳超刚黑体

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

　　方正经黑

　　华康海报

　　汉仪小麦

　　方正稚艺

　　新蒂下午茶

　　汉仪歪歪体

　　新蒂小丸子

　　第四类，灵动，清新，秀雅，精致，古韵

　　方正清刻本悦宋简体

　　方正宋刻本秀楷体

　　汉仪全唐诗简

　　康熙字典体

　　祥南行书体

　　造字工房刻宋

　　特别提示下，这些字体不是0元的，需要购买版权，否则时不能用于商业用途，切记切记。

尊重原创文章，转载请注明出处与链接：http://www.peixun360.com/625/news/27709/违者必究！ 以上就是南昌网页设计培训学校 小编为您整理 网页设计中字体规范总结的全部内容。