如何将 fontawesome 安装到 meanjs 项目中

【问题标题】：How to Install fontawesome to meanjs project如何将 fontawesome 安装到 meanjs 项目中
【发布时间】：2015-08-01 04:10:23
【问题描述】：

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

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

【问题讨论】：

您必须将字体文件粘贴到您的字体文件夹中。
@UI-UX 他们已经在我源代码的字体文件夹中了。
fonts 文件夹必须是 fontawesome.css 之前的文件夹。或者在 variable.scss 文件中重新配置。
stackoverflow.com/questions/21310382/…

标签： html css node.js font-awesome meanjs

【解决方案1】：

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

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

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

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

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

您需要将 css 样式表中的字体路径更新为“../fontawesome/fonts”，以便定位字体资源并将其加载到浏览器中。

【讨论】：

谢谢@ashk3l 我认为这不是错误。你的答案不正确。请检查我是否正确设置了路径。
只有当您的字体文件夹位于项目的根目录时，字体路径才是正确的。这是一个关于文件路径的示例 (css-tricks.com/quick-reminder-about-file-paths)，它将帮助您理解问题。我相信你会感到困惑，因为你可能认为样式表是相对于它下面的字体文件夹，但是当它加载到浏览器中时，它是相对于项目根目录的。