一般站长朋友们在设置文章内容页的正文字体样式的时候，都会选择使用css样式表来对字体样式进行控制和设置，虽然使用css样式表来设置字体的操作很简单和方便，但凡事都分有利和有弊，而css样式表有时也会遇到瓶颈的情况，所以今天无忧主机小编要教给大家另一个可以控制zblog文章内容页正文的字体样式的方法——通过js代码来控制文章内容页正文字体的大小。 首先我们需要找到zblog程序里的模板文件，post-single.php这个文件，然后用网页编辑工具打开这个文件，在这里面添加一段js代码，其js代码如下：

<SCRIPT language=JavaScript>function doZoom(size){document.getElementById('zi').style.fontSize=size+'pt'}</SCRIPT>

以上代码中的“getElementById('zi')”里的属性值“zi”需要替换一下，替换成文章正文内容的div标签的ID。 然后再次用网页编辑工具打开模板文件post-single.php文件，找到合适的位置在里面添加一段html的网站源码，其网站源码如下：

选择字号： <A href="javascript:doZoom(12.5)">超大</A> <A href="javascript:doZoom(10.5)">标准</A>

以上源码中的“javascript:doZoom(12.5)”里的属性值“12.5”代表的就是字体的大小，以像素为单位，可以根据自己的实际情况进行修改，改成合适的大小，然后保存。刷新一下网站的数据，然后就可以在网站的前台看到实际的效果了。 无忧主机相关文章推荐阅读： ZBLOG设置炫彩TAG的方法 从代码内部实现ZBLOG内容页描述的方法 ZBLOG分类页和内容页分别调用当前栏目内容的标签

本文地址：https://www.51php.com/zblog/21164.html

上一篇: zblog程序升级后发表文章报错原因
下一篇: 如何使ecshop显示物流跟踪包裹查询信息