为什么我必须使用Font-Awesome包含字体文件？

Question

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

我知道字体文件应该是相对路径内，以字体 - 真棒可以看到他们，我明白，但参照等组合和缩小CSS文件和JavaScript的其他技术，为什么有更多的HTTP请求来获取字体？

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

Answer 1

按照第their website的步骤。

下载here。

Answer 2

Font Awesome的全部重点在于它提供了一个字体文件形式的图标。通常，该字体文件位于CSS文件旁边的正确目录中。 CSS文件引用这些字体文件（因为它们必须以某种方式）。

如果您要分开选择该文件夹结构并从不同位置提供CSS文件，那么您还需要注意对字体文件的相对引用不会中断。

Answer 3

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

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

EASY：默认CSS

使用此方法来获取默认字体真棒CSS。

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

因此，只要包括在你的头中的CSS文件是不会做太多，因为其他人指出..这是一个字体。把它想像为Wingdings，这是一个字体文件。

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

缩小会对CSS文件的路径造成一些干扰。基本上，你需要确保事物被正确引用。但首先，确保字体文件在您的网络服务器上，并且font-awesome的CSS文件指向正确的路径。