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

Question

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

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

非常感谢你的帮助！

Answer 1

我遇到过同样的问题。 我将“font-awesome.min.css”文件直接放在我的cordova ios xcode中，而不是在“index.html”文件中调用它，其中：

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

之后我尝试使用字体awesome spinner而不是默认的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>

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

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”中，通过选择“Info”选项卡，将Font Awesome添加到.plist文件中添加名为“由应用程序提供的字体”的新属性并设置价值“fontawesome-webfont.ttf”清理并构建您的项目。 Font Awesome现在可以使用了。

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