一般站長朋友們在設置文章內容頁的正文字體樣式的時候，都會選擇使用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的方法 從代碼內部實現(xiàn)ZBLOG內容頁描述的方法 ZBLOG分類頁和內容頁分別調用當前欄目內容的標簽

本文地址：http://www.gle-technology.com/zblog/21164.html

上一篇: zblog程序升級后發(fā)表文章報錯原因
下一篇: 如何使ecshop顯示物流跟蹤包裹查詢信息