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

网页设计中的字体

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

英文:

Helvetica:被评为设计师最爱的字体,Realist风格,简洁现代的线条,非常受到追捧。在Mac下面被认为是最佳的网页字体。

Arial: 和Helvetica非常像,细节上比如R和G有小小差别。如果字号太小,文字太多,看起来会有些累眼。

Lucida Grande:是Mac OS UI的标准字体,属于humanist风格,稍微活泼一点。Mac下的显示要比Win下好。

Verdana:是一套无衬线字体,在小字号下仍可以清楚显示,阅读辨识容易,但是字体细节缺失严重,最好别做标题。

Georgia: 适合正文屏显的衬线字体,笔画粗重,衬线明显,轮廓较大,小字体显示也很清晰,同时细节还算OK。

适合艺术类网站的大字:lobster、free font或者font freebie。

适合正文的标题的字体

Trebuchet、Georgia、Times New Roman、Arial、Lucida

相关阅读《网页设计中最常用的7款字体

网页设计中的字号

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

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

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

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

125jz网原创文章。发布者:江山如画,转载请注明出处:http://www.125jz.com/3913.html

(2)
江山如画的头像江山如画管理团队
网页设计中最常用的7款字体
上一篇 2019年10月22日 下午12:43
那些漂亮的网页banner,用的什么字体?
下一篇 2019年10月22日 下午1:09

99%的人还看了以下文章

  • Div+CSS网页布局项目实战一(含设计图、HTML和CSS源文件)

    网页的布局与规划 本次网页制作的效果图如上图所示,分析一下该图,我们不难发现,图片大致分为以下几个部分: 1、顶部部分,其中又包括了LOGO、MENU和一幅Banner图片; 2、内容部分又可分为侧边栏、主体内容; 3、底部,包括一些版权信息。 有了以上的分析,我们就可以很容易的布局了,我们设计层如下图: 根据上图,我再画了一个实际的页面布局图,说明一下层的…

    2018年7月31日
    16.4K0
  • web前端工程师需要掌握哪些知识,0基础学习Web前端课程大纲

    想从事Web前端开发,需要掌握哪些知识? 中文网页设计网今天给大家分享0基础学习Web前端的课程大纲,从入门到精通,帮助你快速成长为Web前端工程师。 Web前端基础课程大纲 第一阶段:HTML+CSS 第二阶段:JavaScript基础知识 第三阶段:DOM、BOM与事件 第四阶段:面向对象与数据交互 第五阶段:JavaScript实战 第六阶段:数据类型…

    2018年10月24日
    7.4K0
  • 配色如此简单-最实用的配色教程

    配色如此简单-最实用的配色教程配色如此简单-最实用的配色教程配色如此简单-最实用的配色教程配色如此简单-最实用的配色教程

    本文主要介绍实战中配色方法和设计大师常用的快速配色技巧,希望大家能活学活用。

    2019年10月31日 网页设计
    10.6K0
  • 配色就是这么简单!7个在线配色网站推荐

    配色对一个网站的来说非常重要,优秀的网页配色不是单纯好看就行了,颜色是有功能和目的的,需要了解颜色背后所能传达的信息、氛围、价值观……当你在面不同的客户时,你要清清楚楚的知道,你应该从什么倾向的颜色入手。网页面向的人群的年龄段、性别比例、消费层次、风格偏好等等,都应该作为选色的考量因素。 但网页配色更多的需要大量的实践去体会。简单来说…

    2018年1月31日
    31.0K1
  • 这篇设计配色干货,0基础也能让你做出好作品

    这篇设计配色干货,0基础也能让你做出好作品这篇设计配色干货,0基础也能让你做出好作品这篇设计配色干货,0基础也能让你做出好作品这篇设计配色干货,0基础也能让你做出好作品

    配色一直是设计圈子里的热门话题,是我们作为设计师必须要掌握的一门重要技能,通过色彩可以向用户传递不同层面的视觉信息,所以不同的色彩也都被人们赋予了不同的含义。比如:红色、橙色、黄色等暖色系的颜色能表现出温暖、热闹;而蓝色、淡蓝色等冷色系颜色,会给人一种凉爽、寒冷的感觉。将色彩属性与设计作品有效地相互结合,往往能做到 1+1>2 的视觉效果。 色彩的特征…

    2020年2月18日 网页设计
    7.3K0

发表回复

登录后才能评论