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

网页设计中的字体

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

英文:

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%的人还看了以下文章

  • 网页设计中最常用的7款字体

    网页设计中最常用的7款字体网页设计中最常用的7款字体网页设计中最常用的7款字体网页设计中最常用的7款字体

    字体主要分为衬线字和无衬线字。网站制作中,选用什么样的字体是比较重要。 衬线字和无衬线字的区别:左边的中文和英文字属于衬线字,右边中文和英文属于无衬线字。 衬线字指的是在字的笔画开始、结束的地方有额外的装饰,而且笔画的粗细会有所不同。 如宋体,观察比划可以看到横细竖粗的特点,这就是典型的称线字。 无衬线字体没有这些额外的装饰,而且笔画的粗细差不多。比如微软雅…

    2019年10月22日 网页设计
    10.4K0
  • 网页制作实战项目四:使用DIV+CSS制作网页

    【时间要求】 2 学时( 45 分钟× 2=90 分钟) 【上机内容】 使用DIV+CSS制作网页——个人站点制作 【上机目的】 1、 掌握CSS盒模型 2、掌握网页元素的定位 3、掌握DIV+CSS布局的方法和技巧 【上机重点】 1 、网页元素的定位 2、DIV+CSS布局的方法和技巧 【上机难点】从表格布局向DIV+CSS布局的转变 【上机教学方法】 1…

    2018年5月3日
    19.1K0
  • 配色如此简单-最实用的配色教程

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

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

    2019年10月31日 网页设计
    10.4K0
  • Div+CSS网页布局项目实战一(含设计图、HTML和CSS源文件)

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

    2018年7月31日
    16.1K0
  • 最完善的前端开发流程(详解)

    前端侧重于人机交互和用户体验,后端侧重于业务逻辑和大规模数据处理。理论上,面向用户的产品里,所有问题(包括产品、设计、后端、甚至看不见的问题)的表现形式,都会暴露在前端,而只有部分问题(数据问题、计算问题、安全问题等)暴露在后端,这就意味着前端起到了至关重要的承载和连接作用。 一、前端开发流程 需求评审 一般在做需求评审时,PRD里只有交互稿,尚未有视觉稿。…

    2023年1月18日
    5.8K0

发表回复

登录后才能评论