组合CSS文件功能

我试图通过组合多个CSS文件来减少网站上的http请求。当一切正常时，我会按照现在的顺序复制和粘贴它们，但当我尝试使用这个巨大的组合CSS文件时，某些图标不会出现。问题似乎在于字体很棒的CSS文件，当我将其分离出来时，图标就会显示出来

我认为多个CSS文件的功能与按顺序组合它们的功能完全相同，但我似乎不是这样。我不知道是因为组合的CSS文件太大（466KB），还是因为我将缩小的文件和普通文件组合在一起，我检查了所有选择器是否完全相同，但没有显示相同的特定图标

---

是否有一些关于组合CSS文件的信息是我缺少的？

Font Awesome引用了存储字体文件的

fonts

目录。在组合的CSS文件中，您需要确保字体文件夹仍然位于相对于CSS文件的正确位置，或者需要更改font awesome正在使用的字体的路径

下面是Awesome用于引用字体的代码段字体。如果样式表和字体文件夹位于同一目录中，则可能需要将

。/font/

更改为

。/font/

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

---

通常，font awesome的CSS存储在CSS文件夹中。因此CSS尝试在字体文件夹中查找比CSS高一级的字体。

您可以尝试使用minifier CSS。你必须这样减轻体重

---

检查链接：

内容很可能不同。font-awesome需要实际的字体文件（.eot、woff、ttf ecc…）。因此，如果您使用的是CDN，那么现在您需要下载所有资源并将它们放在服务器中。无论如何，我建议你继续使用CDN，因为访问你网站的用户很可能已经有了这些文件的缓存版本，非常感谢。这让我快发疯了！如果您使用带有检查器的浏览器，这种类型的内容通常会在控制台中显示为缺少的文件。因此，如果工作不正常，请检查检查员，看看是否有任何细节为您指明了正确的方向。干杯是的，看起来组合文件中的其他CSS文件都有路径，所以我必须找出放置它的位置并更改所有路径