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

网页设计中的字体

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

英文:

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)
江山如画的头像江山如画管理团队
上一篇 2019年10月22日 下午12:43
下一篇 2019年10月22日 下午1:09

99%的人还看了以下文章

  • 网页制作实战项目五:根据网页效果图制作网页

    了解网页制作全过程,能够根据网页效果图PSD源文件,切图并制作出网页。

    2018年5月3日
    7.2K0
  • 移动端web app和页面开发使用什么字体?微软雅黑?

    一直不清楚移动端web app和页面用的什么字体,只是觉得类似微软雅黑,直到有一次设计师问到设计移动web页面该用什么字体才严肃地想起这个问题。 三大手机系统IOS、android、winphone支持的字体 ios 系统 默认中文字体是Heiti SC 默认英文字体是Helvetica 默认数字字体是HelveticaNeue 无微软雅黑字体 androi…

    2019年4月9日
    11.7K0
  • 董文利聊颜色搭配-节日经典配色

    网页设计师联盟优秀设计师董文利,董老师系列教程分享,聊颜色,特别是按节日给出的经典配色,牛** 董文利一名靠谱平面设计师/网页设计师/插画设计师。典型80后,爱绘画,玩音乐,不做设计的时候喜欢独自一个人在家附近的江水旁静静的坐上一小会儿。2011年毕业于湖北工业大学艺术设计学院,所修专业是平面设计。

    2021年2月4日
    5.7K0
  • 最完善的前端开发流程(详解)

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

    2023年1月18日
    2.0K0
  • 第2章HTML基础

    HTML的基本结构
    HTML语言的语法
    HTML语言的常用标记
    HTML 5新增结构元素

    2018年3月16日
    2.2K0
  • 如何制作网页,网站制作流程

    如何制作网页?初学者如何制作满意的网页?网站制作流程。

    2019年1月25日
    3.6K0

发表回复

登录后才能评论