Iconos impresionantes de la fuente que no se rinden en la aplicación PhoneGAP iOS

Question

en lugar de hacer los iconos que estoy recibiendo pequeños cuadrados:

Funciona perfectamente bien dentro del navegador, pero cuando vio mi aplicación en iOS simulador o safari móvil, los cuadrados estaban allí.

¡Muchas gracias por su ayuda!

Answer 1

Tuve el mismo problema.Puse el archivo "FONT-AWESOME.MIN.CSSS" directamente en mi Código IOS XCODE y de lo que lo llamé en el archivo "index.html", con:

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

Después de eso, trato de usar el Spinner Awesome de fuente, en su lugar, el precargador de mótil JQUERY predeterminado, con este código incluso en "index.html" antes de Jquery Mobile Llame:

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

El resultado es el mismo cuadrado de rotación, ¿dónde estoy equivocado?

Answer 2

primero, instale fuente impresionante:

Descargar lo último Fuente impresionante versión Haga doble clic en Fontawesome-WebFont.TTF e instálelo en su computadora portátil / escritorio (opcional) Copia Fontawesome.css a www / css Elimine las referencias a los archivos de fuente en Fontawesome.css, es decir, eliminar @ Declaración de Fuentes Fuente Luego en Xcode:

copiar fontawesome-webfont.tttf en "su proyecto / recursos / fonts / fontawesome-webfont.ttf" Agregue una fuente impresionante al archivo .plist seleccionando la pestaña "Información" Agregue una nueva propiedad llamada "Fuentes proporcionadas por la aplicación" y configure el valor en "Fontawesome-Webfont.ttf" Limpia y construye tu proyecto.La fuente impresionante ahora está lista para ser utilizada.

Ejemplo de PhoneGap: clase="fa fa-cog"