文档章节

bootstrap font awesome 图标字体

罗培海
 罗培海
发布于 2015/04/14 16:41
字数 134
阅读 54
收藏 0
点赞 0
评论 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
博文 44
码字总数 18862
作品 0
福州
Font Awesome(奥森字体图标) 4.2.0发布啦,兼容IE7+!

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

ThinkCMF ⋅ 2014/09/08 ⋅ 6

在Axure中使用FontAwesome替换你的网站图标[axure小技巧]

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

bigbigtu ⋅ 2014/05/03 ⋅ 0

Font Awesome 3.1 发布,Bootstrap 图标字体

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

oschina ⋅ 2013/05/12 ⋅ 2

Font Awesome 图标搜索 1.0 上线啦!

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

ThinkCMF ⋅ 2014/08/18 ⋅ 45

图标字体 Font Awesome 中文站上线啦!全面兼容IE7+

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

ThinkCMF ⋅ 2014/07/26 ⋅ 24

Font Awesome

Font Awesome 是为 Twitter Bootstrap 设计的图标字体。通过Web Font的方式来显示一些图标,好处是图标可以被任意缩放、改变颜色,你需要做的只是像修改文字样式那样修改图标样式。...

匿名 ⋅ 2013/04/16 ⋅ 5

前端——i标签制作矢量图

使用icon font来生成图标相对于基于图片的图标来说,有如下的好处:1.自由的变化大小2.自由的修改颜色3.添加阴影效果4.IE6也可以支持5.支持图片图标的其它属性,例如,透明度和旋转等等6.可以...

fycool ⋅ 2016/08/12 ⋅ 0

什么是Font Awesome

Font Awesome 是一套完美的图标字体库及CSS架构,主要目的是和 Bootstrap 搭配使用。 Font Awesome为您提供可缩放的矢量图标,您可以使用CSS所提供的所有特性对它们进行更改,包括:大小、颜色...

长空翱翔 ⋅ 2015/08/19 ⋅ 0

基于Metronic的Bootstrap开发框架经验总结(10)--优化Bootstrap图标管理

在基于Bootstrap开发的项目中,鲜艳颜色的按钮,以及丰富的图表是很吸引人的特点,为了将这个特点发挥到极致,可以利用Bootstrap图标抽取到数据库里面,并在界面中进行管理和使用,这样我们可...

walb呀 ⋅ 2017/12/04 ⋅ 0

font-awesome与easyui结合

备忘记录 最近想重拾起来,做个ERP系统,做为一个前端盲,前端框架的选择是最头痛的问题 当前bootstrap与font-awesome的组合无疑是非常有吸引力的,从网上下了N多的后台框架模板,断断续续调...

itwarcraft ⋅ 2014/10/25 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

6. Shell 函数 和 定向输出

Shell 常用函数 简洁:目前没怎么在Shell 脚本中使用过函数,哈哈,不过,以后可能会用。就像java8的函数式编程,以后获取会用吧,行吧,那咱们简单的看一下具体的使用 Shell函数格式 linux ...

AHUSKY ⋅ 10分钟前 ⋅ 0

MySQL 内核深度优化

MYSQL数据库适用场景广泛,相较于Oracle、DB2性价比更高,Web网站、日志系统、数据仓库等场景都有MYSQL用武之地,但是也存在对于事务性支持不太好(MySQL 5.5版本开始默认引擎才是InnoDB事务...

OSC_cnhwTY ⋅ 16分钟前 ⋅ 0

单片机软件定时器

之前写了一个软件定时器,发现不够优化,和友好,现在重写了 soft_timer.h #ifndef _SOFT_TIMER_H_#define _SOFT_TIMER_H_#include "sys.h"typedef void (*timer_callback_function)(vo...

猎人嘻嘻哈哈的 ⋅ 18分钟前 ⋅ 0

好的资料搜说引擎

鸠摩搜书 简介:鸠摩搜书是一个电子书搜索引擎。它汇集了多个网盘和电子书平台的资源,真所谓大而全。而且它还支持筛选txt,pdf,mobi,epub、azw3格式文件。还显示来自不同网站的资源。对了,...

乔三爷 ⋅ 27分钟前 ⋅ 0

Debian下安装PostgreSQL的表分区插件pg_pathman

先安装基础的编译环境 apt-get install build-essential libssl1.0-dev libkrb5-dev 将pg的bin目录加入环境变量,主要是要使用 pg_config export PATH=$PATH:/usr/lib/postgresql/10/bin 进......

玛雅牛 ⋅ 28分钟前 ⋅ 0

inno安装

#define MyAppName "HoldChipEngin" #define MyAppVersion "1.0" #define MyAppPublisher "Hold Chip, Inc." #define MyAppURL "http://www.holdchip.com/" #define MyAppExeName "HoldChipE......

backtrackx ⋅ 57分钟前 ⋅ 0

Linux(CentOS)下配置php运行环境及nginx解析php

【part1:搭建php环境】 1.选在自己需要安装的安装包版本,wget命令下载到服务器响应目录 http://php.net/releases/ 2.解压安装包 tar zxf php-x.x.x 3.cd到解压目录执行如下操作 cd ../php-...

硅谷课堂 ⋅ 今天 ⋅ 0

Nginx服务架构初探(四):nginx服务器的rewrite功能

nginx服务器的rewrite功能 1.nginx后端服务器组的配置 1>upstream name {…} name是给服务器组限的组名 2>server address [parameters]; address为服务器地址 parame......

余温灬未存 ⋅ 今天 ⋅ 0

layer.prompt使文本框为空的情况下也能点击确定

最近一直在使用layui,但是用到弹出层layer.prompt时,如果文本框是空的话点击确定没有反应,不能向下执行。 但是我又需要空值,看看我原来的代码。 123456789 layer.prompt...

孟飞阳 ⋅ 今天 ⋅ 0

Linux普通文件压缩工具gzip、Bzip2、xz

第六章 文件压缩和打包 6.1 压缩打包介绍 Linux环境常见压缩文件类型: .zip,.gz,.bz2,.xz, .tar.gz,.tar.bz2,.tar.xz 压缩打包的目的 方便文件传输 节省磁盘空间 减少传输花费的时间 ...

弓正 ⋅ 今天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部