网页设计中常见的字体规范

字体有三方面属性:字型大小色彩

一、字型

两种基本字型:衬线字非衬线字

1、衬线字

衬线字笔画开始、结束的地方有额外的装饰,且笔画的粗细会有所不同,强调文本之间的关联,用在大段文本

常用的衬线字体为Time New Roman、宋体,pc端多用衬线字。

2、非衬线字

非衬线字无额外的装饰,而且笔画的粗细差不多,强调单个字或字母,用在重点信息的强调

常用的非衬线字为微软雅黑、黑体、Arial、Helvetica、impact,移动端多用非衬线字。

移动端多用非衬线字,pc端多用衬线字。因为衬线字在大段字体的显示上有独特的优越性。

二、大小

正文汉字宋体12-14px,标题使用粗宋体微软雅黑

正文英文Time New Roman标题强调性文字Arial

宋体的12-16px平滑模式为“无”,16px以上平滑模式不可为“无”,黑体与微软雅黑,平滑模式不可设为“无”,字体大小不要使用奇数字号。

三、颜色

这里直接给出一套常用的颜色

主文本 #333

次文本 #666

提示文本 #999

背景 #eee

分割线 #e5e5e5

超链接有三种颜色:普通 #80080 hover #cc0000 visited #1f4f88

上次更新: 4/16/2019, 5:40:19 PM