Para centrar verticalmente el texto en una caja, utilizo la misma altura de línea que la altura de la caja. Funciona perfecto en el iphone para las fuentes del sistema. Pero cuando uso @ font-face tengo que mostrar al menos 3px la altura de línea para el iphone o de lo contrario el texto ya no está verticalmente centrado (está arriba o 3px).Diferente altura de línea en iphone con font-face
¿Alguien sabe por qué?
¿Ha intentado añadir a la CSS:
myel {
-webkit-text-size-adjust: none;
}
resuelto:
El problema es que todavía estaba en OS 3.1.3 en mi 3G causa hice una experiencia terrible en la perfomance de usando 4.2.
Lo que sea, actualizando a la última versión del sistema operativo 4.2 resuelve el problema de altura de línea en las fuentes utilizadas con font-face en Mobile Safari.
Lamentablemente, estoy experimentando este problema entre Safari para mac y Safari para Windows: en Windows, la posición del texto es lo que esperaría, en Mac nada he intentado centrar verticalmente el texto excepto agregar relleno superior al elemento (que por supuesto requiere un hack porque de lo contrario se ve raro en Windows y otros navegadores). –
¿Incluso con la última actualización en ambas máquinas? Esto es muy extraño. Después de todo, comencé a usar diferentes hacks de relleno para obtener el pixelperfecto en cada máquina. Por lo tanto, al final, de alguna manera depende de lo que intenta lograr el píxel perfecto. Pero seguro me gustaría saber si hay una solución general a este problema. –
Sí, por supuesto. Y ya probé diferentes fuentes. Siempre es el mismo efecto. –
¿Existe un solo hack de safari móvil? Como no encontré ninguna respuesta a este google de búsqueda durante horas, creo que esta sería una opción. –