1. 首页
  2. 网页设计
  3. 正文

网页设计中字体规范总结

  直接上干货

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

  字体:

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

  字号:

  网页中正文/导航字号在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上的字体发愁了!!!

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

  微软雅黑

  冬青黑体

  宋体

  华文细黑

  方正正中黑

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

  造字工坊力黑体

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

  方正经黑

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

  方正清刻本悦宋简体

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

    延伸阅读

  • 怎样设计企业网站字体好呢?

    企业网站做得好不好,最主要是要看设计的效果。无论是页面风格,配色还是排版布局乃至字体方面如果都是精心设计的,那么网站整体给用户的感觉肯定是不一样的。下面就来具体讲下企业网站字体...

本文来自投稿,不代表本人立场,如若转载,请注明出处:http://www.lnbdc.com/article/6228.html

(function(){ var src = (document.location.protocol == "http:") ? "http://js.passport.qihucdn.com/11.0.1.js?1d7dde81dc0903e04d3ac0b9599444f6":"https://jspassport.ssl.qhimg.com/11.0.1.js?1d7dde81dc0903e04d3ac0b9599444f6"; document.write('<\/mip-script>'); })(); (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })();