Problemas con Android 2.X y font-face

[Jordi Galobart]

Hola, revisando una maquetación en varios dispositivos, me encuentro que en Android 2.X solo acepta la primera fuente que le pasas en el font-family. Si no la encuentra hace el fallback directamente a Droid-Sans. ¿a alguien le pasa el mismo problema? ¿Alguna solución?

El esquema del problema:

font-family:"HelveticaNeue-CondensedBold","Arial Narrow","bebas-neue",Arial,Homenaje,sans-serif;

desglosado:

font-family:
"HelveticaNeue-CondensedBold", /* fuente del sistema que deseo */
"Arial Narrow", /* fuente que deseo si no encuentra la helvetica */
Homenaje, /* webfont que deseo para cargar en Android 2.X, por qué no quiero la Droid-sans */
Arial, /* por si las moscas falla todo lo anterior */
sans-serif; /* a prueba de bombas */

Total, que si Android no tiene helvetica ni Arial, tendría que cargar la webfont, pero me encuentro que si "Homenaje" no es la primera fuente del listado, me hace el fallback directamente a Droid-Sans :-(

[Marta Armada]

Qué versión de Android? Puedes poner la declaración de @font-face de Homenaje? (has comprobado la ruta? :P )

--
Marta Armada
Sent from my iPhone

--

Has recibido este mensaje porque estás suscrito al grupo "Frontend Spain" de Grupos de Google.

Para publicar una entrada en este grupo, envía un correo electrónico a fronten...@googlegroups.com.

Para anular tu suscripción a este grupo, envía un correo electrónico a frontend-spai...@googlegroups.com

Para tener acceso a más opciones, visita el grupo en http://groups.google.com/group/frontend-spain?hl=es.

[Jordi Galobart]

Android 2.2, Android 2.3. En principio el problema no es la declaración de font-face, ya que si pongo este font-family funciona:

font-family:Homenaje,Arial,sans-serif;

pero esta ya no me hace el fallback:

font-family:Cosa,Homenaje,Arial,sans-serif;

Declaración font-face:

@font-face { font-family: Homenaje; src: url('fonts/Homenaje-Regular.otf'); }

[plomo bit]

Hola!

Para generar los diferentes formatos de fuentes tienes esta aplicación web: http://www.fontsquirrel.com/fontface/generator/

Aquí tienes un ejemplo de font-face:

@font-face {

    font-family: 'Nombredetufuente';

    src: url('fuente.eot');

    src: url('fuente.eot?#iefix') format('embedded-opentype'),

          url('fuente.woff') format('woff'),

          url('fuente.otf') format('truetype'),

          url('fuente.svg#fuente') format('svg');

    font-weight: normal;

    font-style: normal;

}

Aquí un ejemplo de font-family 

.div {font-family:"Nombredetufuente", Verdana, Helvetica, Arial;}

y para estar seguro (solo con servidor linux), en el .htacces agregas esta regla.

#acceso a las fuentes

<FilesMatch "\.(ttf|otf|eot|woff)$">

<IfModule mod_headers.c>

Header set Access-Control-Allow-Origin "*"

</IfModule>

</FilesMatch>

# termina el acceso a las fuentes

Espero te ayude!

Eduardo vega.

http://www.eduardovega.net

[Marta Armada]

Si funciona en Android 3.x tiene pinta de bug... :(

--
Marta Armada
Sent from my iPhone