zblog采用Font Awesome图标字体的优点与具体操作

搬瓦工机场JMS

现在网页流行的不外乎什么自适应(各种框架)、扁平化。图标字体正好符合了这一趋势。使用图标字体优点有:

1、在移动设备、Retina屏幕展示效果优良。

2、拥有跨浏览器支持(甚至是IE6,例如,使用@font-face渲染网页字体) 

3、如果使用者调整他们的浏览器设置,可以动态缩放。   

4、可以呈现不同颜色。    

5、可以体现字体和文字相关的CSS属性(就像文字的阴影和渐变)

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

  1. 下载Font Awesome,去官网下载。

  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. 图标字体的具体调用方法可参考的中文翻译版网站:点击进入。

未经允许不得转载:搬瓦工VPS_美国VPS » zblog采用Font Awesome图标字体的优点与具体操作

赞 (0) 打赏

相关推荐

    暂无内容!

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏