html - 如何将 fontawesome 安装到 meanjs 元素

Question

我更改了 bower.json 文件来安装 FontAwesome，如下所示，然后运行 ​​npm 安装。 它安装了 FontAwesome 4.3.0。 我使用 confg/env/all.js 添加了 font-awesome.css。在浏览器中，我可以看到 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 样式表中的字体路径更新为“../fontawesome/fonts”，以便找到字体资源并将其加载到浏览器中。