Css 引导和其他字体图标之间的冲突
我在我的项目中使用bootstrap3。现在我想使用一些字体图标,除了它的核心图标。 首先,我尝试了字体Awesome4,但似乎有一些问题,图标显示为正方形。我还尝试了FlatUI图标,同样的问题也出现了 有人有这个问题吗?我如何解决它Css 引导和其他字体图标之间的冲突,css,twitter-bootstrap-3,font-awesome-4,Css,Twitter Bootstrap 3,Font Awesome 4,我在我的项目中使用bootstrap3。现在我想使用一些字体图标,除了它的核心图标。 首先,我尝试了字体Awesome4,但似乎有一些问题,图标显示为正方形。我还尝试了FlatUI图标,同样的问题也出现了 有人有这个问题吗?我如何解决它 编辑 例如,我把下面的链接放在标题中 我也尝试过使用cdn 我用firebug进行了检查,字体已加载,但看起来像一些正方形:| 我想我已经找到了解决办法,也许是肮脏的 我在css中添加了以下行: [class*="fa-"]{ display: inli
编辑 例如,我把下面的链接放在标题中
我也尝试过使用cdn
我用firebug进行了检查,字体已加载,但看起来像一些正方形:|
我想我已经找到了解决办法,也许是肮脏的 我在css中添加了以下行:
[class*="fa-"]{
display: inline-block;
font-family: 'FontAwesome' !important;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
还有这些到我的.htaccess
AddType application/vnd.ms-fontobject .eot
AddType font/ttf .ttf
AddType font/otf .otf
AddType application/x-font-woff .woff
<FilesMatch "\.(ttf|otf|eot)$">
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin "*"
</IfModule>
AddType应用程序/vnd.ms-fontobject.eot
AddType字体/ttf.ttf
AddType字体/otf.otf
AddType应用程序/x-font-woff.woff
标题集访问控制允许原点“*”
hmmm,如果你没有包含字体,或者他只是缺少字体,就会发生这种情况。您的字体是否位于正确的文件夹中?能否显示一个添加字体文件的代码示例。请提供您的字体和HTMLmarkup@Nividim,谢谢你的评论,我已经用附加信息更新了问题。@BenEgan1991,谢谢你的评论,我已经用额外的信息更新了这个问题。