微西风博客

当前位置:网站首页 / Zblog教程 / 正文

图标字体怎么用?图标字体怎么调用?图标字体怎么设置?

  花了半天时间来研究这个图标字体的东西,觉得这个东西还是有一些用的,起码能美化一下网页。


------------------------------------------------------------------

(以上是加和不加图标字体的对比,显而易见,下面的要美观一些)


本文来为大家介绍下zblog使用图标字体的步骤。注意:zblog为zblogphp版本,图标字体用的是较为流行的Font Awesome。


1.下载Font Awesome,去官网下载(由于这个网站时而时的打不开,英文也看不懂怎么弄,所以我已经将文件打包好你可以直接下载)


http://pan.baidu.com/s/1bnDIFJD



2.文件下载后解压,得到两个文件夹,font和css。上传至你正在使用的主题的“style”文件夹内。


3.修改你正在使用主题的header.php文件,插入

<link rel="stylesheet" rev="stylesheet" href="{$host}zb_users/theme/{$theme}/style/css/font-awesome.min.css" type="text/css" media="all"/>

4.在想要调用图标字体的地方插入以下代码就可以调用了。

<i class="fa fa-thumbs-o-up"></i>


5.图标字体的具体调用方法可参考的中文翻译版网站:http://www.thinkcmf.com/font/examples


6.所有图标和昵称地址:http://www.thinkcmf.com/font/icons/clock-o


7.可以在”<i class="fa fa-thumbs-o-up"></i>“加入代码来控制图标的大小

(fa-xx)对应的图标样式大小,具体可在网站中研究

 

推荐阅读

文章标签: Zblog教程 建站技巧

版权声明: 本文除特别说明外均由原创

本文链接: http://www.weixifeng.com/post/76.html,尊重共享,欢迎转载,请自觉添加本文链接,谢谢!

分享本文:

Hello!看完文章有何感想呢?
  • 无聊

    0

  • 流汗

    0

  • 嘿嘿

    0

  • 支持

    0

  • 疑问

    0

呃 本文暂时没人评论 来添加一个吧

发表评论*(使用右侧的多说进行评论,外链是无Nofollow的哦!)

必填

选填

选填

◎请勿使用“IE模式”或者“IE浏览器”进行二次回复。上一篇  返回首页  下一篇

Top