一直想给我博客内的文章添加上字号控制的功能，终于在网上找到了为Emlog文章页面字体添加大中小的功能说明，先看一下效果图：

字号.png

第一步：在当前模板的header.php的</head>前添加以下js代码 

<!--设置字体大小-->
<script type="text/javascript">function SetFont(size){ var divBody = document.getElementById("article_content"); if(!divBody) { return; } divBody.style.fontSize = size + "px"; var divChildBody = divBody.childNodes; for(var i = 0; i < divChildBody.length; i++) { if (divChildBody[i].nodeType==1) { divChildBody[i].style.fontSize = size + "px"; } }}</script>

第二步：在当前模板的echo_log.php的<div class="info"><div>标签内，或你想要的任意位置，添加如下代码，（）内为字体大小，自行修改 

<span class="meat_span" ><i class="fa fa-font"></i> 字号：<a href="javascript:SetFont(18)">大</a> | <a href="javascript:SetFont(16)">中</a> | <a href="javascript:SetFont(14)">小</a></span>

第三步：在当前模板的css文件中添加以下样式 


.article-font-size{position:absolute;right:0;}.article-font-size a{border:1px solid #ccc;padding:0.1em 0.2em;color:#bbb;}


*第四步：如显示不出效果，查看是否是因为没有设置DIV样式的ID，可修改为 


<div id="article_content"><?php echo $log_content; ?></div>