为什么我必须在Font-Awesome中包含字体文件?

时间:2015-06-04 15:38:03

标签: css font-awesome

Font-Awesome文档没有提到其他文件需要下载并包含在项目中的任何地方,为什么图标丢失?

我知道字体文件应该在相对路径内,所以Font-Awesome可以看到它们,我理解这一点,但参考其他技术,如组合和缩小css文件和JavaScripts,为什么会有更多的HTTP请求来获取字体?

[Error] Failed to load resource: the server responded with a status of 404 (Not Found) (fontawesome-webfont.woff, line 0)

3 个答案:

答案 0 :(得分:2)

您可以看到他们确实说明您需要将整个目录复制到您的网络服务器上。

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

  

EASY:默认CSS

     

使用此方法获取默认的Font Awesome CSS。

     
      
  1. 将整个font-awesome目录复制到项目中。
  2.   

因此,只需将CSS文件包含在标题中就不会有太大作用,因为正如其他人指出的那样......它是一种字体。可以把它想象为Wingdings,这是一个字体文件。

然后CSS基本上将类设置为背景图像,使用内容但使用字体编写。

缩小可能会导致CSS文件路径中断。基本上,您需要确保正确引用事物。但首先,确保字体文件在您的网络服务器上,并且font-awesome的CSS文件指向正确的路径。

答案 1 :(得分:1)

Font Awesome的全部意义在于它以字体文件的形式提供图标。通常该字体文件位于CSS文件旁边的正确目录中的正确位置。 CSS文件引用了那些字体文件(因为它们必须以某种方式)。

如果你选择该文件夹结构并从不同的位置提供CSS文件,那么你还需要注意对字体文件的相对引用不要破坏。

答案 2 :(得分:0)

按照their website上的步骤进行操作。

下载here