我在我的项目中使用bootstrap3。现在我想使用一些字体图标,除了它的核心图标。 首先我尝试了Font Awesome4,但似乎存在一些问题并且图标显示为正方形。我也试过FlatUI图标,出现了同样的问题..
有人有这个麻烦吗?我该如何解决?
修改
例如对于fontawesome我把下面的链接放在我的标题
中 <link href="{{ asset('css/font-icon/css/font-awesome.min.css') }}" rel="stylesheet" />
我也尝试过使用cdn
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
我用firebug检查过,字体已加载,但它看起来像是一些正方形:|
答案 0 :(得分:0)
我想我找到了解决方案,也许是肮脏的......
我将这些行添加到我的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>