Font Awesome图标无法在Phonegap iOS应用程序中呈现

Question

而不是渲染图标我得到小方块：

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

非常感谢你的帮助！

Answer 1

我有同样的问题。我把＆＃34; font-awesome.min.css＆＃34;直接在我的cordova ios xcode中存档，而不是在＆＃34; index.html＆＃34;文件，用：

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

之后我尝试使用字体真棒微调器而不是默认的jQuery Modile预加载器，即使在＆＃34; index.html＆＃34;在jQuery Mobile之前调用：

<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>

结果是一个旋转的方块，我错了吗？

Answer 2

首先，安装Font Awesome：

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

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

Phonegap示例： class =“fa fa-cog”