我可以在不下载的情况下使用 font-awesome 吗？答案

【问题标题】：Can I use font-awesome without downloading?我可以在不下载的情况下使用 font-awesome 吗？
【发布时间】：2017-12-06 18:20:18
【问题描述】：

对于一些简单的 html 页面，我想使用 Fontaweseome，根本不用下载。

我正在考虑让我的 CSS 像这样指向 /fontFace：

（即：直接到 github URL）

@font-face {
  font-family: 'FontAwesome';
  src: url('http://fortawesome.github.io/Font-Awesome/assets/font-awesome/font/fontawesome-webfont.eot?v=3.2.1');
  src: url('http://fortawesome.github.io/Font-Awesome/assets/font-awesome/font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('http://fortawesome.github.io/Font-Awesome/assets/font-awesome/font/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('http://fortawesome.github.io/Font-Awesome/assets/font-awesome/font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('http://fortawesome.github.io/Font-Awesome/assets/font-awesome/font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
  font-weight: normal;
  font-style: normal;
}

我做了...但它似乎不起作用。

还没有类似这样的错误：

 <i class="icon-bar"></i>

在哪里

  <style>
  i { font-family: 'FontAwesome', sans-serif; }
  </style>

未按预期呈现

【问题讨论】：

@YaMo 谢谢，但它仍然不起作用......我将编辑我的问题以提高清晰度

标签： css fonts font-awesome

【解决方案1】：

Font Awesome 包含在 Bootstrap 的 CDN 中。您只需要在您的头部部分添加以下链接

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">

就是这样，您可以享受您的图标了。您不需要在任何地方使用 font-face 或在样式中调用它，只需以通常的方式将适当的类添加到您的“i”标签中：

<i class="fa fa-download"></i>

见http://fortawesome.github.io/Font-Awesome/get-started/

【讨论】：

如果你使用 font-family 很重要！它覆盖了 Fa

【解决方案2】：

首先，你的 font-face 声明不正确，应该是：

@font-face { ... }

然后要在你的 CSS 中调用它，你需要添加如下内容：

i { 
    font-family: 'FontAwesome', sans-serif; 
}

或

icon-bar { 
    font-family: 'FontAwesome', sans-serif; 
}

希望这会有所帮助。

【讨论】：

谢谢...我测试错了

【解决方案3】：

我想在不下载的情况下使用 Fontaweseome。（即：直接到 github URL）

如果您打算以这种方式使用任何第三方代码，则应确保您已获得下载该代码的网站所有者的许可。一些网站会阻止这样的外部链接，因为它会产生带宽成本。我相信 GitHub 就是其中之一——如果他们允许这样做，他们将花费大量资金来提供所有 javascript 和其他代码。

但是，周围有一些网站确实提供此服务。它们被称为 CDN。例如，Google's CDN 是众所周知的，很多人将其用于 jQuery 等库。

我认为 Google 的 CDN 目前不提供 FontAwesome，但这是您需要寻找的方向；很可能有一个提供 FontAwesome 的 CDN。我不知道有哪一个在我的脑海中，但a quick search 可能会给你一些线索。

如果做不到这一点，我真的认为自己下载文件没有问题。即使是小网站，也可能比在这里提问要省力。

【讨论】：

我认为从 GitHub 引用 github.io/ 站点是可以的

【解决方案4】：

您可以使用 Font Awesome CDN 嵌入代码！在这里获取：

http://fontawesome.io/get-started/

也许在问这个问题时这个选项不可用。

【讨论】：