我刚刚问了这个问题:Why is Font Awesome only showing a square? .
要点是我的 font-awesome.min.css文件不工作。尝试从中加载图标时出现 404 错误。有人提出了荒谬的改变建议:
<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
到
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
我自信地尝试了他们的建议，它不会改变任何东西，但它奏效了!
MyProject/font-awesome/css/font-awesome.min.css 中的代码(文件路径正确)与 //maxcdn.bootstrapcdn.com 中的代码相同/font-awesome/4.3.0/css/font-awesome.min.css。
为什么 CDN 可以正常工作，但我的本地副本却出现 404 错误？
一些说明:
当我尝试链接到相关文件(不使用 CDN)时，正在找到该文件。 CSS 中的图像出现 404。但是在 CDN 中使用相同的代码，图像没有 404。对于每个相应的图像，我都收到以下错误:
Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost:63343/MyProject/font-awesome/fonts/fontawesome-webfont.woff2?v=4.3.0
最佳答案
CSS 文件是指使用相对 URL 的字体文件。因此，当您复制 CSS 时，还必须将字体文件夹复制到 MyProject/font-awesome/fonts。
基本上，当您下载 Font Awesome ZIP 文件时，您应该将整个文件解压到 MyProject/font-awesome 中。这将为您提供所有文件，并且它们将位于正确的位置。
关于css - 为什么CDN能用，相对链接不行？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/29927699/