我刚刚开始用AngularJS在Codeigniter中开发一个应用程序。我想使用font-awesome离线,但不能使它工作。我怀疑我的应用程序的文件夹结构是:
CI-AJS-APP
-app
-application
-assets
-css
-font-awesome
-font-awesome.css
-font
-js
-system
...
现在,在我的font-awesome.css文件中,我有一个对fonts文件夹的引用:
@font-face {
font-family: "FontAwesome";
src: url('font/fontawesome-webfont.eot');
src: url('font/fontawesome-webfont.eot?#iefix') format('eot'),
url('font/fontawesome-webfont.woff') format('woff'),
url('font/fontawesome-webfont.ttf') format('truetype'),
url('font/fontawesome-webfont.svg#FontAwesome')
format('svg');
font-weight: normal;
font-style: normal;
}
在我的应用程序头中,我包含了font-awesome.css文件:
<link rel="stylesheet" href="<?php echo base_url();?>assets/
font-awesome/font-awesome.css">
我还没有将AngularJS完全集成到CI中,但是我想在一两页上展示字体很棒的图标。
任何形式的帮助将不胜感激。
我发现文件结构是正确的。问题的原因是我以错误的方式使用ng-class。
这就是我正在做的…
ng-class="{{fa fa-sort-asc}}"
但我发现实现这一目标的正确方法是……
ng-class="{{'fa fa-sort-asc'}}"
注意前面代码中缺少类名的单引号。
所以,这个错误就是没有在浏览器中显示font-awesome图标。
希望能对一些人有所帮助:-).