fontswesome图标无法在bootstrap saas项目中正确显示

时间:2018-12-14 06:53:14

标签: twitter-bootstrap sass font-awesome

我将fontawesome的sass版本添加到了我的项目中。但是图标显示不正确。取而代之的是显示带有数字的矩形。

我做了一些测试:我添加了指向CDN版本的链接,并且图标运行正常。然后,我使用DOM检查器检查了其中一个图标,并与未链接到CDN的相同检查结果进行了比较(当仅存在sass fa版本时)。区别在于“继承自身体”部分。在第一种情况下(cdn)字体不会被继承,而在第二种情况下则是。看来这就是我遇到问题的原因。

(我认为)我在做fa网页上建议的相同操作。我解压缩了压缩文件,将scss目录复制到我的sass源目录中,重命名为fontawesome并添加到style.scss中,如下几行(style.scss与复制fontawesome目录所在的目录相同):

@import 'fontawesome/fontawesome';
@import 'fontawesome/brands';
@import 'fontawesome/core';

我还将webfonts目录复制到了项目的主路径,并将$ fa-font-path更改为“ ../webfonts”!default;在fontawesome / variables.scss

我在上课时添加了

font-family: FontAwesome;

,现在字体家族继承自fa类(在DOM检查器中检查),但是它也不能解决问题。这很奇怪,因为应该已经在fasss文件中的某个位置更改了fa类的字体系列。我该怎么办?

0 个答案:

没有答案