如何从fontawesome链接字体文件夹

Question

你好，我正在尝试添加来自fontawesome的字体以使用其图标，并且需要一个称为字体的根文件夹。

我试图将其链接到

<link type="text/css" href="/myPath/font" />

Answer 1

fontawesome的字体在CSS中的 @font-face规则中声明。如果使用较少或SCSS版本，则可以覆盖变量中的路径：

$fa-font-path:        "path/to/your/fonts";

如果您只使用CSS版本，则应该能够重新列出字体face规则（通过路径替换'../fonts/'）：

@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.6.3');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

Answer 2

只是好奇，您如何确切地知道字体没有被拉入？是因为您无法使用Font-Awesome创建图标？

除此之外，如果您使用bower安装了字体，则NPM或从github拉动，则应具有以下目录结构。

font-awesome
    css
        font-awesome.css
    font
        (font files / eot, svg, ttf, woff)

如果在此目录结构中，则您的CSS应指向那些字体文件。然后，这只是诸如此类的字体可感知的CSS的问题：

<link rel="stylesheet" href="{{path}}/font-awesome/css/font-awesome.css" />

我会仔细检查您的目录结构，以了解字体令人愉悦，也许如果没有其他的话，请尝试通过鲍尔安装它。

我希望有帮助。

Answer 3

据我所知，您必须将链接添加到 css file和 css> css 文件将链接到Font文件夹由字体令人陶醉的库预设。因此，您的代码将包含 font-awesome.min.css 文件，并且您需要在同一目录中具有字体文件夹，但是该链接将在html中查看：

：

<link rel="stylesheet" type="text/css" href="font-awesome.min.css"/>

或使用CDN：

<link rel="stylesheet" type='text/css' href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css"/>

希望这会有所帮助！

Answer 4

使用Chrome浏览器，

按F12何时和Goto Console选项卡

检查错误的详细信息，它将显示路径浏览器正在寻找字体，

只需确保该路径上存在字体...

就是这样...