我刚问了这个问题：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
答案 0 :(得分：2)
CSS文件是指使用相对URL的字体文件。因此，当您复制CSS时，您还必须将字体文件夹复制到MyProject/font-awesome/fonts。
基本上，当您下载Font Awesome ZIP文件时，您应该将整个内容提取到MyProject/font-awesome。这将为您提供所有文件，并且它们将位于正确的位置。
答案 1 :(得分：-1)
您指向绝对网址。尝试将其更改为相对于主页。例如：/font-awesome/css/font-awesome.min.css。