网页设计字体设计规范

网页设计字体设计规范字体是网页里面最重要的内容，那么字体怎么设置才规范呢？下面本人为大家整理了网页设计字体设计规范，希望能帮到大家！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年推出后即迅速成为许多领域所爱用的标准字型之一。Georgia:基本上适合正文屏显的衬线字体，非Georgia莫属了。笔画粗重，衬线明线，轮廓较大，小字体显示也很清晰，同时细节还算OK。有些偏艺术类的网站的大字会使用lobster。更艺术的网站就搜索freefont，或者fontfreebie吧Trebuchet、Georgia、TimesNewRoman、Arial、Lucida等字体在26px或更大像素时效果是比较好的，非常适合作为正文的标题。网页banner的字体选用方法是要根据banner的主题，去挑选字体，因为字体本身也是有性格的第一类，稳定型微软雅黑、冬青黑体、宋体、华文细黑、方正正中黑、方正兰亭系列第二类，刚硬，锐利，清晰，强烈造字工坊力黑体、造字工坊版黑体、造字工坊劲黑体、锐字逼格锐线体简、张海山锐线体、华康儷金黑、蒙纳超刚黑体第三类，轻松，手写，可爱，童趣，亲切方正经黑、华康海报、汉仪小麦、方正稚艺、新蒂下午茶、汉仪歪歪体、新蒂小丸子第四类，灵动，清新，秀雅，精致，古韵方正清刻本悦宋简体、方正宋刻本秀楷体、方正宋刻本、秀楷体、汉仪全唐诗、简康熙字典体、祥南行书体、造字工房、刻宋