新聞中心
zblog設(shè)置圖標(biāo)字體的方法
作者 / 無憂主機(jī) 時(shí)間 2015-12-01 18:51:27
很多站長(zhǎng)朋友都喜歡在zblog網(wǎng)站里使用圖標(biāo)字體,確實(shí),使用圖標(biāo)字體符合目前網(wǎng)頁設(shè)計(jì)的流行理念,而且擁有很多不錯(cuò)的優(yōu)點(diǎn),比如對(duì)移動(dòng)設(shè)備的兼容、對(duì)絕大多數(shù)瀏覽器的兼容、顯示可以動(dòng)態(tài)縮放、方便css樣式設(shè)置、顯示效果時(shí)尚炫麗等等。今天無憂主機(jī)小編就在php空間里操作,來介紹一下在zblog網(wǎng)站里設(shè)置圖標(biāo)字體的方法,以比較流行的Font Awesome字體為例進(jìn)行說明,方法如下。 首先我們需要現(xiàn)在Font Awesome官方網(wǎng)站下載Font Awesome字體文件,官方網(wǎng)址是: http://fortawesome.github.io/Font-Awesome/ 接下來就解壓下載好的文件,里面一共有兩個(gè)文件夾,一個(gè)是font文件夾,另一個(gè)是css文件夾,把這兩個(gè)文件都上傳到網(wǎng)站主題下的style文件夾里,然后打開網(wǎng)站主題下的header.php文件,添加如下一段代碼:
<link rel="stylesheet" rev="stylesheet" href="{$host}zb_users/theme/{$theme}/style/css/font-awesome.min.css" type="text/css" media="all"/>以上步驟操作好之后只要在需要設(shè)置這個(gè)字體的地方插入一段代碼即可使用了,代碼如下:
<i class="fa fa-thumbs-o-up"></i>無憂主機(jī)相關(guān)文章推薦閱讀: ZBLOG分頁條錯(cuò)誤 ZBLOG用暢言獲得評(píng)論數(shù)的方法 解決ZBLOG子分類文章不在父分類下顯示的問題
本文地址:http://www.gle-technology.com/zblog/21005.html