首页 > 代码库 > 如何引入外部图标集及使用方法——以bootstrap图标集为例
如何引入外部图标集及使用方法——以bootstrap图标集为例
图标集下载
1、进入图标集页面现将Font Awesome 3.0版本下载下来
2、将Font Awesome 集成到 Bootstrap 非常容易，还可以被单独使用。
最简单的 Bootstrap + Font Awesome 集成方式
首先：拷贝 Font Awesome 字体目录到你的项目中。
其次：font-awesome.min.css 文件到你的项目css文件中。
其次：打开你的项目中的font-awedome.min.css文件并编辑字体路径指向正确的位置（字体路径是相对于你的css目录的）
最后：在html文档中的<head>部分，引入font-awesome.min.css文件。
<link rel="stylesheet" href="http://www.mamicode.com/css/bootstrap.min.css"><link rel="stylesheet" href="http://www.mamicode.com/css/font-awesome.min.css">
在html页面中一般以<i class="icon-facebook"></i>标签作为小图标使用
如何引入外部图标集及使用方法——以bootstrap图标集为例
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。