网页设计中字体规范总结

新闻 2023-05-04编辑：深圳网站建设阅读（）标签： 网页设计 字体

深圳网站建设公司 帮助企业提升网站形象,彰显公司实力,PC+手机+微信+小程序
【模板网站的价格】国际域名+阿里1G空间+备案 一条龙服务
【定制网站的功能】SEO精准营销系统+城市分站+W3C标准
【营销网站的效果】重长尾，重优化，提权重，扩收录，提排名
【量身订制的设计】据据需求量身定制。设计到满意为止
【专属VIP的服务】24RX365 为您提供1对1的专属VIP服务

　　直接上干货

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

　　字体：

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

　　字号：

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

　　英文可以偏小一些 10px-16px

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

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

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

　　中规中矩，经典通用

　　中易宋体

　　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上的字体发愁了!!!

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

　　微软雅黑

　　冬青黑体

　　宋体

　　华文细黑

　　方正正中黑

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

　　造字工坊力黑体

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

　　方正经黑

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

　　方正清刻本悦宋简体

　　以上这些字体，确实很好用，大家可以下载在自己的电脑中，根据实际情况选用。题别提示下，这些字体不是免费的，需要购买版权，否则时不能用于商业用途，切记切记。 土豪公司就申请购买

• 上一章：外贸是做什么的，外贸工作上班一般都干...
• 下一章：企业网站改版设计趋势有哪些？