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

网页设计中的字体

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

英文:

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

  • 毛笔字生成器,毛笔字在线生成网站

    毛笔字生成器,毛笔字在线生成网站毛笔字生成器,毛笔字在线生成网站毛笔字生成器,毛笔字在线生成网站毛笔字生成器,毛笔字在线生成网站

    125网页设计今天给大家推荐几个毛笔字生成器,毛笔字在线生成网站: http://www.51poca.com/ http://www.epinv.com/online/ http://www.akuziti.com/mb/ 毛笔字改造使用方法 将下载下来的字体图片AI转路径,编辑文字。 首先使用在线生成器输入选择好你需要的文字字形,将文字图片拖至AI中。 …

    2019年1月5日 网页设计
    10.9K0
  • 最全的前端开发框架介绍

    前端框架一般指用于简化网页设计的框架,比如,jquery,extjs,bootstrap等等,这些框架封装了一些功能,比如html文档操作,漂亮的各种控件(按钮,表单等等)。前段框架的好处:对于互联网的产品而言,前端用户体验往往决定了一款产品的竞争力和吸引力;而对于前端工程师来说,考虑的问题更为复杂,他们既要为网站上提供的产品和服务实现一流的Web页面、优化…

    2023年1月18日
    3.1K0
  • 个人如何制作网站、建立站点

    个人如何制作网站应该从以下几个方面展开: 1、确定网站的题材 网站题材就是网站的主题,你的网站是干什么的。如电影网站、小说网站等。 首先要明确,选择自己擅长和喜爱的题材,其次切忌题材太滥或者目标太高。 2、确定题材后,就要将收集到的资料内容作一个合理的编排 比如,将一些最吸引人的内容放在最突出的位置或者在版面分布上占优势地位。栏目的实质是一个网站的大纲索引,…

    2019年11月16日
    14.8K0
  • 错位排版设计的5个实用方法(精)

    错位编排是通过对标题文字大小、位置和笔画的调整,打破固定的排版样式,让标题的排版更具个性化,是提升标题编排设计感和美感最简单最实用的设计技巧。

    本期分享 5 个常用的错位排版方法,学会这些方法你也可以快速设计出个性的标题排版。

    2023年1月18日
    12.3K0
  • 网站logo制作13项实用技巧

    网站logo制作13项实用技巧网站logo制作13项实用技巧网站logo制作13项实用技巧网站logo制作13项实用技巧

    介绍了常用的网站logo制作方法、制作技巧。

    2019年11月16日 网页设计
    10.7K0

发表回复

登录后才能评论