Javascript Phonegap iOS应用程序中未呈现字体图标

而不是渲染图标，我得到的是小正方形：

它在浏览器中运行得非常好，但当我在iOS模拟器或Mobile Safari中查看我的应用程序时，方块就在那里

---

非常感谢你的帮助

我也有同样的问题。我将“font awesome.min.css”文件直接放在我的cordova ios xcode中，然后在“index.html”文件中调用它，带有：

<link rel="stylesheet" href="css/font-awesome.min.css">

在此之后，我尝试使用字体微调器，而不是默认的jQuery Modile预加载程序，在jQuery Mobile调用之前，甚至在“index.html”中也使用了以下代码：

<script>
        $(document).bind( 'mobileinit', function(){
                         $.mobile.loader.prototype.options.text = "loading";
                         $.mobile.loader.prototype.options.textVisible = true;
                         $.mobile.loader.prototype.options.theme = "p";
                         $.mobile.loader.prototype.options.textonly = false;
                         $.mobile.loader.prototype.options.html = "<span class='ui-bar ui-overlay-c ui-corner-all'><i class='fa fa-spinner fa-spin fa-5x' style='color:#000;'></i></span>";
                         });
</script>

$（文档）.bind（'mobileinit'，function（）{
$.mobile.loader.prototype.options.text=“加载”；
$.mobile.loader.prototype.options.textVisible=true；
$.mobile.loader.prototype.options.theme=“p”；
$.mobile.loader.prototype.options.textonly=false；
$.mobile.loader.prototype.options.html=“”；
});

---

结果是相同的旋转正方形，我错了吗？

首先，安装字体：

下载最新版本 双击Fontsome-webfont.ttf并将其安装到笔记本电脑/桌面上（可选） 将fontawesome.css复制到www/css 删除fontawesome.css中对字体文件的引用，即删除@font-face声明 然后在Xcode中：

将fontawesome-webfont.ttf复制到“您的项目/资源/字体/fontawesome-webfont.ttf” 通过选择“信息”选项卡将字体添加到.plist文件中 添加名为“应用程序提供的字体”的新属性，并将该值设置为“fontawesome webfont.ttf” 清理并构建您的项目。字体真棒现在可以使用了

Phonegap示例：

---

class=“fa-cog”

检查此@BuDen我尝试将所有引用更改为自动优化易读性，但未成功。字体文件位于何处？它们是在phonegap应用程序内部还是外部（Web服务器）？@frank它们与css文件位于同一文件夹中，几天前，一个家伙遇到了类似的问题。（）。你能给我们看一下index.html文件中添加了链接标签的行吗。？另外，您在phonegap应用程序中包含了哪些用于font awesome的文件？通过将font awesome目录中的“fonts”文件夹添加到项目目录“www”来修复此问题。希望这会有帮助