bootstrap 集成font-awesome
2015-01-25 12:17
141 查看
font-awesome官网
http://www.bootcss.com/p/font-awesome/
集成方法:
拷贝css和font目录到web目录中,然后在页面里面加上css引用即可,在用图标的地方指定对应的class名称,如<span class="icon-hospital"></span>
图标与class的对应看官网说明。
如果集成font-awesome,需要注意awesome的字体文件夹是font而不是fonts。(看一下font-awesome.css或者font-awesome.min.css里面对应的字体文件夹)
不集成的话,一部分图标用bootstrap自带的即可
http://www.bootcss.com/p/bootstrap-v3/css.html#icons
方法:
<span class="glyphicon glyphicon-chevron-left"></span> 返回
http://www.bootcss.com/p/font-awesome/
集成方法:
拷贝css和font目录到web目录中,然后在页面里面加上css引用即可,在用图标的地方指定对应的class名称,如<span class="icon-hospital"></span>
图标与class的对应看官网说明。
如果集成font-awesome,需要注意awesome的字体文件夹是font而不是fonts。(看一下font-awesome.css或者font-awesome.min.css里面对应的字体文件夹)
不集成的话,一部分图标用bootstrap自带的即可
http://www.bootcss.com/p/bootstrap-v3/css.html#icons
方法:
<span class="glyphicon glyphicon-chevron-left"></span> 返回
相关文章推荐
- 在SVG中使用Bootstrap或FontAwesome图标字体
- bootstrap利用Font Awesome给选择添加checkbox图标
- Bootstrap+Font Awesome图标不显示 或显示错误解决办法
- nginx环境下bootstrap中font-awesome图标不显示的问题
- 登录页面 输入框左侧加图标 炫酷透明效果 bootstrap css fontawesome联合打造
- Bootstrap + Font Awesome
- Font Awesome-为Bootstrap设计的图标字体
- iconfont字体图标的使用方法--超简单! 我之前因为项目用bootstrap比较多,所以使用font awesome字体图标比较多,后来接触到了iconfont,发现想要的什么图标都有,还可以
- Bootstrap3,jQuery和Font-awesome开发的互动式登录界面设计
- bootstrap+font-awesome表单
- Bootstrap + Font Awesome
- 创建自定义字体图标-追加自定义图标到Bootstrap或者font Awesome中
- 关于nginx环境下bootstrap中font-awesome图标不显示的问题
- bootstrap之FONTAWESOME 图标
- 解决办法 fonts/fontawesome-webfont.woff2 404 (Not Found)
- Spring Boot + Bootstrap 出现"Failed to decode downloaded font"和"OTS parsing error: Failed to convert W
- 解决vue项目使用font-awesome,build后路径的问题
- Failed to decode downloaded font: http://localhost:8888/EntSafeManage/static/bootstrap/2.3.1/font/fo
- vue打包后font-awesome无法正常显示
- 在springboot中集成bootstrap