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

网页设计中的字体

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

英文:

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

  • 设计师必收藏的22个设计素材网站

    设计师必收藏的22个设计素材网站设计师必收藏的22个设计素材网站设计师必收藏的22个设计素材网站设计师必收藏的22个设计素材网站

    设计素材,是设计师创意的利剑。中国网页设计对素材门户网站进行整理,给广大设计师推荐国内最好的22个设计素材网站

    2020年2月23日 网页设计
    19.8K0
  • 设计师提升作品精致度的4个方法!

    设计师提升作品精致度的4个方法!设计师提升作品精致度的4个方法!设计师提升作品精致度的4个方法!设计师提升作品精致度的4个方法!

    提升作品精致度的方式:1、选择背景要高清、尽量选简不选繁;2、中、英文字要使用相对应的字体,提升整体层次感;3,善于使用图形化的元素,但是要注意尽量不要太复杂,否则会影响整体视觉感受;4、合理的留白,但是要避免盲目过度的留白;

    2023年1月24日 网页设计
    11.2K0
  • 网页制作实战项目六:中融宝企业网站制作

    网页制作实战项目六:中融宝企业网站制作网页制作实战项目六:中融宝企业网站制作网页制作实战项目六:中融宝企业网站制作网页制作实战项目六:中融宝企业网站制作

    【时间要求】 2 学时( 45 分钟× 2=90 分钟) 【上机内容】 中融宝企业网站制作 【上机目的】 1 、掌握网页布局的方法和技巧 2 、掌握HTML及CSS的使用 3、掌握表单及表单元素的使用 4、培养团队意识和协作精神 【上机重点】 1 、网页布局 2 、表单制作 3 、HTML及CSS的使用 【上机难点】 1、网页布局 2、CSS的定义和使用 【…

    2018年5月17日 网页设计
    14.5K1
  • 网页设计色彩搭配:蓝色

    蓝色是三原色之一,波长过短,纯正的蓝色RGB值分别为0、0、255,给人一种平静、平和、美丽、文静、安详与洁净的感觉。 蓝色与红、橙色相反,是典型的冷色,也是常见的后退色和收缩色,表示沉静、冷淡、理智、高深、透明等含义。 1. 蓝色性格特点 蓝色博大、永恒、平静、理智、纯净、遥远,就像辽阔的天空和大海。我国少数民族多使用靛蓝、普蓝作染料,因此,靛蓝、普蓝似乎…

    2021年2月4日
    20.6K0
  • 接到一个网站开发项目怎么去完成?—网站的开发流程

    接到一个网站开发项目怎么去完成? 今天125建站网给大家讲解开发一个网站有哪些流程,学过软件工程中瀑布模型的童鞋可能感觉会很熟悉。 网站的开发流程 【网站需求分析】⇓【制定网站建设方案】⇓【网站制作计划】⇓【页面设计和程序开发】⇓【网站测试】⇓【发布网站】⇓【推广和维护】 网站需求分析: 不管是对个人网站还是商业网站,网站需求分析都是很重要的。比如要为一个公…

    2018年1月29日
    7.5K0
  • 从零开始做APP界面设计二:App界面设计尺寸

    从零开始做APP界面设计二:App界面设计尺寸从零开始做APP界面设计二:App界面设计尺寸从零开始做APP界面设计二:App界面设计尺寸从零开始做APP界面设计二:App界面设计尺寸

    Android SDK模拟机的尺寸 屏幕大小 低密度(120) 中等密度(160) 高密度(240) 超高密度(320) 小屏幕 QVGA(240×320) 480×640 普通屏幕 WQVGA400(240×400) WQVGA432(240×432) HVGA(320×480) WVGA800(480×800) WVGA854(480×854) 600×…

    2018年4月21日 网页设计
    9.1K0

发表回复

登录后才能评论