文档章节

font-awesome 图标无法显示

柴高八斗之父
 柴高八斗之父
发布于 2016/11/30 19:12
字数 227
阅读 27
收藏 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
博文 190
码字总数 104404
作品 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

没有更多内容

加载失败,请刷新页面

加载更多

爬虫教程」Python做一个简单爬虫,小白也能看懂的教程

俗话说“巧妇难为无米之炊”,除了传统的数据源,如历史年鉴,实验数据等,很难有更为简便快捷的方式获得数据,在目前互联网的飞速发展写,大量的数据可以通过网页直接采集,“网络爬虫”应运...

糖宝lsh
今天
1
0
KEIL MDK工程中的宏定义:字符,值,字符串

下图中定义了2个宏: 等效于文件中: #define MCU_FLASH_LESSTHAN_64K #define VERSION_INFO_hw 'a' // MDK :VERSION_INFO_hw="'a'" 即MDK中的VERSION_INFO_hw="'a'" 和 #define VERS......

SamXIAO
今天
0
0
集合的最优子集划分

问题描述:如何将一个个数为n的集合N划分为为若干个子集N1…Nk,其中1≤k≤n,计算出每个子集的最优结果R1…Rk,使得F(R1…Rk)为最优的结果。 这个问题可以分成3步解决: 求出集合所有子集 ...

laolin23
今天
0
0
JavaScript实现在线Markdown编辑器、转换HTML工具-toolfk程序员工具网

本文要推荐的[ToolFk]是一款程序员经常使用的线上免费测试工具箱,ToolFk 特色是专注于程序员日常的开发工具,不用安装任何软件,只要把内容贴上按一个执行按钮,就能获取到想要的内容结果。T...

toolfk
今天
3
0
Source Tree 在git 密码更新后,无法拉取代码的解决办法

背景: git 密码总是需要修改。在修改代码后,拉去代码, source tree 总提示access denied. 解决方法:重新修改git 仓库对应的密码。 for mac:应用程序 -》 钥匙串 -》 搜索 source tre...

Carlyle_Lee
今天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部