Icônes géniales de police ne rendant pas dans l'application Phonegap iOS

Question

plutôt que rendant les icônes, je reçois de petits carrés:

Cela fonctionne parfaitement bien dans le navigateur, mais lorsque j'ai visionné mon application dans IOS Simulator ou Safari mobile, les carrés étaient là.

Merci beaucoup pour votre aide!

Answer 1

J'ai eu le même problème.Je mets le fichier "font-awesome.min.css" directement dans My Cordova iOS Xcode et que je l'ai appelé dans le fichier "index.html", avec:

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

Après cela, j'essaie d'utiliser la filière géniale de police à la place du préchargeur de modile jQuery par défaut, avec ce code même dans "index.html" avant JQuery Mobile Call:

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

Le résultat est le même carré à rotation, où je me trompe?

Answer 2

Premièrement, installez la police géniale:

Téléchargez la dernière Font génial version Double-cliquez sur Fontawesome-webfont.ttf et installez-le sur votre ordinateur portable / bureau (facultatif) Copie fontawesome.css vers www / css Supprimer les références aux fichiers de polices de fontawesome.css, c'est-à-dire supprimer @ déclaration de police Ensuite, en Xcode:

copie fontawesome-webfont.tttf dans "Votre projet / ressources / polices / fontawesome-webfont.ttf" Ajouter une police géniale au fichier .plist en sélectionnant l'onglet "Info" Ajoutez une nouvelle propriété nommée "Polices fournies par application" et définissez la valeur sur "FontaweSome-webfont.ttf" Nettoyez et construisez votre projet.Font génial est maintenant prêt à être utilisé.

EXEMPLE DE THÉNÉLABAP: Classe="Fa Fa-Cog"