一般来说,正文字体大小为12px是比较合适的,大都是网站的界面字体都是12px。
但为了适合不同人群的需要,大多数网站都有调节正文字体大小的功能,正文内容与周围内容合适大小比,更能突出页面内容的重点,增强用户体验。
在ZBLOG中我们可以JS变量调用的方法为文章内容增加调节字体大小功能:
第一步:登陆ZBLOG后台通过文件管理功能(或FTP),在根目录找到“/SCRIPT/common.js”文件,在该文件最后一行增加如下代码:
- function SetFont(num){var divs = document.getElementsByTagName("div");for (var i = 0; i < divs.length; i++)if(divs[i].className=="post-body")divs[i]['style']['fontSize']=num;}
第二步:在主题目录中找到“TEMPLATE/b_article-single.html”,在标题或文章末端合适位置后面加入如下代码:
- 字体: <a href="javascript:SetFont('10px')">小</a>-<a href="javascript:SetFont('12px')">中</a>-<a href="javascript:SetFont('14px')">大</a>
第三步:修改完毕后,文件重建,OK。
说到文章字体,还有一个因素就是字体样式,如“font-family:Arial,Helvetica,sans-serif;”,一般来说,首选字体Arial是最合适阅读的,其次是备选字体“Helvetica,sans-serif”。
字体名称属性(font-family),有多种字体可以选择,按顺序调用。如:font-family:Arial,宋体,Helvetica,sans-serif;
字体大小属性(font-size),字体大小的设置可以有多种方式,最常用的就是pt和px(pixel)。如:font-size:16pt
字体风格属性(font-style),这个属性有三个值可选:normal, italic, oblique,italic, oblique都是斜体显示。如:font-sytle:italic
字体颜色属性(color),可以选择颜色名称或颜色16进制代码,如:color:Red或color:FF0000
CSS段落定义:
段落首行缩进两字字符:text-indent:2em
上下行间隔距离,及行高:line-height:20px