EMLOG文章页添加字体大中小功能的方法

很多网站上都有控制字号的功能，而EMLOG原生模板上则没有此功能，那么现在就来为大家分享一个EMLOG文章页添加字体大中小功能的方法。

1、打开模板文件header.php，在<head/>标签前添加如下代码

<!--设置字体大小-->
<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>

2、打开模板文件echo_log.php，在合适的位置添加如下代码

<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>

3、打开公用样式表，添加如下代码

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

4、如果上述css代码无效，则需要查看是否是因为没有设置DIV样式的ID，可修改为

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