文档章节

bootstrap font awesome 图标字体

罗培海
 罗培海
发布于 2015/04/14 16:41
字数 134
阅读 58
收藏 0

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为动画效果



© 著作权归作者所有

共有 人打赏支持
上一篇: 零基础学 css
下一篇: 初学javascript2
罗培海
粉丝 4
博文 54
码字总数 22180
作品 0
福州
私信 提问
Font Awesome(奥森字体图标) 4.2.0发布啦,兼容IE7+!

作为最流行的图标字体Font Awesome(奥森字体图标),被认为是为Bootstrap而创造的图标字体,它的最新版本4.2.0上线了,共479款图标,几乎包括了网站开发所有常用图标,而且支持IE7+(Font awes...

ThinkCMF
2014/09/08
5.5K
6
在Axure中使用FontAwesome替换你的网站图标[axure小技巧]

你是不是还在为你的网站做一个很小的图标而忙碌着?你是不是还在为找一个图标导出百度或者谷歌?你有没有想过可以用字体来做一个图标代替普通的图片图标? 这两天给公司做案例,由于自己又对...

bigbigtu
2014/05/03
0
0
如何将 Font Awesome 转成 PNG 图标

Font Awesome为Twitter Bootstrap提供了一种独一无二的图像字体.它还提供了CSS的很强的扩展性. CSS 提供了一种描述HTML的机制,可以让你自由的设计网页。 你能给Font Awesome加上各种各样的参...

oschina
2014/03/26
14.4K
16
Font Awesome 图标搜索 1.0 上线啦!

作为最流行的图标字体Font Awesome,被认为是为Bootstrap而创造的图标字体,它的最新版本4.1.0上线了439款图标,几乎包括了网站开发所有常用图标,而且支持IE7+(Font awesome中文站提供支持)...

ThinkCMF
2014/08/18
5.9K
45
Font Awesome 3.1 发布,Bootstrap 图标字体

Font Awesome 3.1 发布了,该版本包含 54 个新图标,更多样式,详情请看 CHANGELOG。 Font Awesome 是为 Twitter Bootstrap 设计的图标字体。通过Web Font的方式来显示一些图标,好处是图标可...

oschina
2013/05/12
5K
2

没有更多内容

加载失败,请刷新页面

加载更多

Spring源码学习笔记-1-Resource

打算补下基础,学习下Spring源码,参考书籍是《Spring源码深度解析》,使用版本是Spring 3.2.x,本来想试图用脑图记录的,发现代码部分不好贴,还是作罢,这里只大略记录下想法,不写太细了 ...

zypy333
7分钟前
0
0
RestClientUtil和ConfigRestClientUtil区别说明

RestClientUtil directly executes the DSL defined in the code. ConfigRestClientUtil gets the DSL defined in the configuration file by the DSL name and executes it. RestClientUtil......

bboss
今天
14
0

中国龙-扬科
昨天
2
0
Linux系统设置全局的默认网络代理

更改全局配置文件/etc/profile all_proxy="all_proxy=socks://rahowviahva.ml:80/"ftp_proxy="ftp_proxy=http://rahowviahva.ml:80/"http_proxy="http_proxy=http://rahowviahva.ml:80/"......

临江仙卜算子
昨天
9
0
java框架学习日志-6(bean作用域和自动装配)

本章补充bean的作用域和自动装配 bean作用域 之前提到可以用scope来设置单例模式 <bean id="type" class="cn.dota2.tpye.Type" scope="singleton"></bean> 除此之外还有几种用法 singleton:......

白话
昨天
9
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部