Schriftarten fettsome Symbole, die nicht in der Anwendung von Telefongap iOS rendern

Question

Lieber dann render die Symbole, die ich kleine Quadrate bekomme:

Es funktioniert einwandfrei in dem Browser, aber als ich meine App in IOS-Simulator oder Mobile Safari angesehen habe, waren die Quadrate da.

Vielen Dank für Ihre Hilfe!

Answer 1

Ich hatte das gleiche Problem.Ich lege die Datei "font-awesome.min.css" direkt in meinen Cordova iOS Xcode, und als ich es in der Datei "index.html" angerufen habe, mit:

generasacodicetagpre.

Danach versuche ich, die Schriftart-Spinner mit dem Standard-JQuery-Modi-Preloader, mit diesem Code auch in "index.html" zu verwenden, bevor der JQuery Mobile Call anruft:

generasacodicetagpre.

Das Ergebnis ist das gleiche ein drehendes Quadrat, wo ich falsch liege?

Answer 2

Erstes, installieren Sie die Schriftart fantastisch:

Laden Sie die neuesten font frectome -Version Doppelklicken Sie auf FontAWESOME-webfont.ttf und installieren Sie es auf Ihrem Laptop / Desktop (optional) Copy fontawesome.css auf www / css Entfernen Sie die Verweise auf Schriftartdateien in fontawesome.css, d. H. Entfernen Sie @ Font-Face-Deklaration Dann in Xcode:

copieren Sie fontawesome-webfont.ttf in "Ihr Projekt / Ressourcen / Fonts / fontawesome-webfont.ttf" Fügen Sie der PLLIST-Datei der Schrift fügsam hinzu, indem Sie die Registerkarte "Info" auswählen Fügen Sie eine neue Eigenschaft mit dem Namen "Schriftarten, die von Application bereitgestellt werden, und legen Sie den Wert auf" fontawesome-webfonpt.tf "ein. Reinigen und bauen Sie Ihr Projekt.FONT AWESOME ist jetzt bereit, verwendet zu werden.

phonegap Beispiel: Klasse="FA FA-COG"