Question

对于一些简单的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>

未按预期呈现

Answer 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/

Answer 2

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

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

但是， do 附近有网站提供此服务。它们被称为CDN。例如，Google's CDN是一个众所周知的，很多人都使用它来为jQuery这样的库。

我不认为谷歌的CDN目前服务于FontAwesome，但这是你需要关注的方向;可能有一个提供FontAwesome的CDN。我不知道我的头脑中有一个，但a quick search可能会给你一些线索。

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

Answer 3

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

@font-face { ... }

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

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

或

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

希望这有帮助。

Answer 4

您可以使用Font Awesome CDN嵌入代码！得到它：

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

在提出此问题时，可能无法使用此选项。

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

4 个答案: