我正在尝试使用F-A v4.7来显示一些图标。我无法使用CDN，因为我正在构建一个无法访问网络外部的Intranet站点。我将.css文件复制到我的Content文件夹，将字体复制到站点根目录中的目录。
我在我的MVC项目中将.css添加到了包中。我现在获得了不同F-A图标的智能感知。但是，当我浏览网站时，我的示例图标没有显示。
我使用开发人员工具查看了该页面，我没有任何错误。我编辑了.css文件并替换了字体URL以使用“〜”而不是“..”但这不起作用。
@font-face {
font-family: 'FontAwesome';
src: url('~/fonts/fontawesome-webfont.eot?v=4.7.0');
我这样做是因为我的.css文件位于root\Content\font-awesome.css，字体位于root \ fonts \文件夹中。使用代字号应确保它使用根，然后使用\fonts\目录。
仍然没有错误，图标应该是黑色方块。它只是没有显示图标。在开发人员工具中，我可以看到看起来正确的语法。 <i class="fa fa-print"> FA font</i>
有人有任何建议吗？
答案 0 :(得分：0)
你可以下载整个字体 - 真棒并在你的项目中使用它像往常一样使用
以下是下载链接：http://fontawesome.io/assets/font-awesome-4.7.0.zip
无需手动创建
您的<i class="fa fa-print"> FA font</i>可以正常使用
答案 1 :(得分：0)
我个人不会使用@ font-face直接链接到页面头部的字体awesome文件，然后再包含css文件：
<link href="/css/font-awesome.min.css" rel="stylesheet">
答案 2 :(得分：0)
我遇到了同样的问题。
当我在Chrome中检查网络标签时，我看到已下载.woff2文件。有些网络服务器没有.woff2的mime类型，但http状态为200，所以这不是问题所在。
在预感中我决定删除使浏览器在.woff2下载font-awesome.css文件的部分，然后......突然显示所有图标！
显然，.woff2文件或浏览器（我使用谷歌浏览器56）有问题。
但作为临时解决方法，您可以从font-awesome.css
url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),