文档章节

bootstrap font awesome 图标字体

罗培海
 罗培海
发布于 2015/04/14 16:41
字数 134
阅读 56
收藏 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为动画效果



© 著作权归作者所有

共有 人打赏支持
罗培海
粉丝 3
博文 51
码字总数 20249
作品 0
福州
Font Awesome(奥森字体图标) 4.2.0发布啦,兼容IE7+!

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

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

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

bigbigtu
2014/05/03
0
0
Font Awesome 3.1 发布,Bootstrap 图标字体

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

oschina
2013/05/12
4.8K
2
Font Awesome 图标搜索 1.0 上线啦!

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

ThinkCMF
2014/08/18
5.9K
45
图标字体 Font Awesome 中文站上线啦!全面兼容IE7+

作为最流行的图标字体Font Awesome,它被认为是为Bootstrap而创造的图标字体; 具有以下几大优点: 1.具体矢量图形性质,可以无限放大为不失真; 2.图标齐全,最新发布的4.1.0有439款图标,网站...

ThinkCMF
2014/07/26
15.9K
24

没有更多内容

加载失败,请刷新页面

加载更多

下一页

InvalidKeyException: Illegal key size

Caused by: java.lang.RuntimeException: java.security.InvalidKeyException: Illegal key size 解决方案:去官方下载JCE无限制权限策略文件。 jdk 5: http://www.oracle.com/technetwork/j......

自由的开源
15分钟前
0
0
JAVA秒杀实现以及优化原理

秒杀与其他业务最大的区别在于:秒杀的瞬间, (1)系统的并发量会非常的大 (2)并发量大的同时,网络的流量也会瞬间变大。 关于(2),最常用的办法就是做页面静态化,也就是常说的前后端分...

小贱是个程序员
19分钟前
1
0
Spring Aop之Advisor解析

在上文Spring Aop之Target Source详解中,我们讲解了Spring是如何通过封装Target Source来达到对最终获取的目标bean进行封装的目的。其中我们讲解到,Spring Aop对目标bean进行代理是通过Ann...

爱宝贝丶
21分钟前
0
0
Java高级工程师面试阿里,阿里云,天猫,菜鸟,涉及到的知识点

前言: 分享 Java高级工程师面试阿里,阿里云,天猫,菜鸟,涉及到的知识点,文章有点长,但比较全面,阅读时间15分钟左右,干货满满。 一、HashMap的那些事 1.1、HashMap的实现原理 1.1.1、...

Java大蜗牛
46分钟前
2
0
nginx模块学习五 expires 浏览器缓存

缓存原理 语法 Syntax: expires [modified] time;expires epoch | max | off;Default: expires off;Context: http,server,location,if in location 例/etc/nginx/conf.d/default.con......

Romanceling
57分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部