文档介绍：网页设计字体设计规范字体是网页里面最重要的内容,那么字体怎么设置才规范呢?下面小编为大家整理了网页设计字体设计规范,希望能帮到大家! 1、Header导航文字12号或14号; 2、Menu导航文字14—18号; 3、Sidebar文字12号或14号, 4、一级菜单使用14号、二级菜单使用12号或一级菜单使用12号加粗、二级菜单使用12号 5、Footer文字12号或14号 6、正文:大标题文字24—32号;标题文字16或18号;正文文字12号或14号 7、标题文字字号,18px,20px,24px,28px,32px,尽可能使用双数 8、按钮文字:比如登录、注册页面按钮或其他按钮,文字14—16号,可根据实际情况调整大小或加粗。 9、同一层级的字号搭配应该保持一致。比如,同一层级的版块中标题文字和内容文字大小的一致性在苹果官网中,产品展示文字以64号和32号搭配,文字内容简短有力,可读性强,同时非常具有视觉冲击力,突出显示了品牌特征。字体:中文:宋体,微软雅黑,方正系列字号:网页中正文/导航字号在12px-18px之间英文可以偏小一些10px-16px 再小识别性就不是特别好了中规中矩,经典通用中易宋体 Win最常见的字体,小字体点阵,大字体TrueType,但是大字体并不好看,所以最好别做标题。微软雅黑大段的微软雅黑字体排列略显厚重,如果是在网页上长时间浏览,会让人的眼睛产生不适。相比而言,衬线字体装饰性强,具有易读性,所以宋体更适合知乎网站这种大段文字网站微软雅黑给人的感受包括平和、干净、简单、平静、专业华文细黑 Mac下的默认中文。英文 Helvetica: 被评为设计师最爱的字体,Realist风格,简洁现代的线条,非常受到追捧。在Mac下面被认为是最佳的网页字体,在Windows下由于Hinting的原因显示很糟糕。 Arial: Helvetica的「克隆」,和Helvetica非常像,细节上比如R和G有小小差别。如果字号太小,文字太多,看起来会有些累眼。Win和Mac显示都正常 LucidaFamily: LucidaGrande是MacOSUI的标准字体,属于humanist风格,稍微活泼一点。Mac下的显示要比Win下好。 Verdana: 专门为了屏显而设计的字体,humanist风格,在小字号下仍可以清楚显示,但是字体细节缺失严重,最好别做标题。 Tahoma: 也是humanist风格,字体和Verdana有点像,但是略窄一些,counter略小,曾经是Windows的标准字体,Mac之后默认也有安装。 Verdana: 是一套无衬线字体,由于它在小字上仍有结构清晰端整、阅读辨识容易等高品质的表现,因而在1996年推出