bootstrap font awesome 图标字体
bootstrap font awesome 图标字体
罗培海 发表于3年前
bootstrap font awesome 图标字体
  • 发表于 3年前
  • 阅读 49
  • 收藏 0
  • 点赞 0
  • 评论 0

华为云·免费上云实践>>>   

摘要: 介绍 bootstrap font awesome 图标字体的使用

html bootstrap中 font awesome 的使用:

  1. 下载font awesome 和查看官方介绍的使用方法:http://www.bootcss.com/p/font-awesome/

  2. font awesome css 的引入:

  3. <link rel="stylesheet" type="text/css" href="fontAwesome/css/font-awesome.min.css">
  4. font复制到和fontAwesome 的css文件 同级目录

  5. <i class="icon-spinner icon-5x"></i> 静态图标
  6. <i class="icon-spinner  icon-spin icon-5x"></i> 动态图标
  7. 其中icon-1x,,,,,icon-5x 为图标字体逐个增大 

html fontawesome-webfont.woff2 的动画列如:<i class="fa fa-repeat fa-spin" ></i> 其中fa-spin为动画效果



共有 人打赏支持
粉丝 3
博文 42
码字总数 15841
×
罗培海
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: