如何安装fontawesome到meanjs项目

Question

我将bower.json文件更改为安装FontAwesome，如下所示，并运行npm安装。 它安装了FontAwesome 4.3.0. 我使用font-awesome.css添加了confg/env/all.js。在浏览器中，我可以看到font-awesome.css已添加到html。但我无法在网页上看到字体。通过检查元素我找不到任何加载的字体。

我的源代码中字体已经在font-awesome的fonts文件夹中。

Answer 1

由于我可以看到项目结构中存在字体，因此这似乎是字体路径的问题。

正如您在第一个屏幕截图中看到的那样，字体路径指向：

@font-face {
    src: url ('../fonts/fontawesome-webfont.eot

但是，如果查看项目结构，字体实际上存在于以下位置：

@font-face {
    src: url ('../fontawesome/fonts/fontawesome-webfont.eot

您需要将css样式表中的字体路径更新为＆＃34; ../ fontawesome / fonts＆＃34;为了找到字体资源并将其加载到浏览器中。