文档章节

font-awesome 图标无法显示

柴高八斗之父
 柴高八斗之父
发布于 2016/11/30 19:12
字数 227
阅读 25
收藏 1

font-awesome 图标无法显示,如果你的相对位置没问题,那么可能是 :你项目里的样式的字体定义的问题。

因为 font-awesome本身就是字体图标,你可以打开它的css文件就可以看出:

@font-face{ font-family:'FontAwesome'

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>demo</title>
<!--<link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">-->
<style>
* {	margin:0; padding:0; font-family: "Microsoft YaHei" !important;  /*注意看这里,因为这里的全局样式字体样式定义为了微软雅黑,所以导致下面的awesome字体无法显示。*/}
</style>
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" />
</head>

<body>
<i class="fa fa-camera-retro" style="font-size:40px; color:#F33;">2222</i>
</body>
</html>

全局定义没有问题,【解决办法:只要去掉后面的 !important 即可。】

 

© 著作权归作者所有

共有 人打赏支持
柴高八斗之父
粉丝 4
博文 185
码字总数 102547
作品 0
宁波
前端工程师
关于字体图标在firefox上本地访问无法显示的问题分析

一、问题 在本地引入了Font Awesome 字体图标,网页未部署到服务上(在本地直接访问,部署到nginx服务器,火狐浏览器能显示) 目录结构: 引入方式: 使用方式: 访问地址: 在Chrome浏览器中...

二两豆腐
2016/11/07
1K
1
font-awesome与easyui结合

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

itwarcraft
2014/10/25
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 在火狐浏览器下无法显示

在本地引入了Font Awesome 字体图标,网页未部署到服务上(在本地直接访问,部署到nginx服务商,火狐浏览器又能显示了),引入方式如下 使用方式如下 退出

二两豆腐
2016/11/06
284
1
在Axure中使用FontAwesome替换你的网站图标[axure小技巧]

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

bigbigtu
2014/05/03
0
0

没有更多内容

加载失败,请刷新页面

加载更多

js 操作cookie

var cookie = {// 设置cookie方法 set:function(key,val,time){ var date = new Date(); //获取当前时间 var expiresDays = time; //将date设置为n天以后的时间...

小丶二
3分钟前
0
0
限制root远程登录 su和sudo命令

9月21日任务 3.7 su命令 3.8 sudo命令 3.9 限制root远程登录 对于Linux而言,权限的重要性毋庸置疑!对于普通用户而言无法执行那些只有root用户才能有效的命令,导致工作无法有效进行; 系统...

robertt15
5分钟前
0
0
MQTT协议的初浅认识之通讯级别和持久会话

背景 这是我最近了解MQTT协议的最后一部分内容了,MQTT协议里面的QOS和Keep Alive是两个比较重要的内容。QOS的设置,直接影响了订阅客户端与中间件之间的消息交互行为。而Keep Alive直接影响...

亚林瓜子
7分钟前
0
0
calc

width: calc(100% - 30px); 特别注意:减号左右空格,均不能去掉。 width: calc(100% - 30px);

柴高八斗之父
15分钟前
0
0
Spring Cloud Gateway全局过滤器GlobalFilter:返回消息和重定向

Spring Cloud Gateway的全局过滤器GlobalFilter,顾名思义,声明后会对所有的请求生效,可以用来做权限控制,这里简单记录一下拦截到非法请求后如何返回自定义信息和将请求重定向到指定URL。...

夜雨寄北09
17分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部