Si alguna vez has diseñado o programado una web, seguro que conoces esa sensación: todo se ve perfecto en tu pantalla, perfecto en el navegador, perfecto en Android… y de pronto pruebas en un iPhone y ¡la tipografía ha decidido mudarse sin avisar!
Sí, estamos hablando del famoso formato woff2 y su relación un tanto “intensa” con ciertos dispositivos Apple.
El misterio del woff2 en Apple: ¿qué está pasando?
El formato woff2 es ligero, rápido y prácticamente un estándar moderno. El problema aparece cuando su compatibilidad no es tan universal como soñamos, especialmente en versiones concretas de iOS o navegadores Safari que aún no interpretan algunos parámetros de compresión.
Resultado: tu tipografía no carga, se sustituye o aparece con un estilo totalmente diferente.
Y claro… tu marca queda irreconocible en el dispositivo más utilizado del mercado.
Por qué en Zigor Design nos obsesionamos (un poquito) con las tipografías
Cuando trabajamos una identidad visual o una web, la tipografía no es un detalle: es el hilo conductor.
Por eso, en Zigor Design hacemos pruebas cruzadas en todos los nativos Apple posibles para evitar que tu marca se desarme a la primera visita desde un iPhone.
Nos hemos encontrado de todo: fuentes que desaparecen, pesos que no cargan, variantes que Safari ignora como si no existieran…
Y sí: detrás de cada “¿por qué no se ve esto?” hay horas de detective tipográfico.
Soluciones prácticas para que tu tipografía se vea siempre bien
1. Añade formatos secundarios (woff y ttf)
Aunque woff2 es el ideal, incluir formatos adicionales garantiza compatibilidad total. Safari es quisquilloso, pero si le das alternativas, coopera.
2. Revisa el @font-face
La declaración importa. Mucho. Un pequeño error en el orden de carga puede provocar que la fuente desaparezca solo en dispositivos Apple.
3. Asegúrate de tener permisos correctos en los archivos
Más habitual de lo que crees: subes el archivo, pero el servidor no lo sirve con el tipo MIME adecuado. Safari lo bloquea sin decir ni “hola”.
4. Comprueba soporte oficial de Apple
A veces no es tu web. Es iOS. Puedes revisar aquí las compatibilidades oficiales:
Documentación de tipografías en Apple Developer
La coherencia visual no es negociable
Tu marca merece ser reconocible en todas partes… incluso en ese iPhone con cristal roto que todos tenemos en casa.
Por eso, cuando diseñamos en Zigor Design, no nos quedamos en “se ve bonito”. Nos quedamos en “se ve bonito en todas partes”.
Esa es la diferencia entre una web cuidada y una web profesional.
¿Quieres asegurarte de que tu web no falla donde más importa?
Si estás creando tu web o quieres revisar la actual, te ayudamos a que tu tipografía sea coherente, nítida y fiel a tu marca en cualquier dispositivo.
Escríbeme y lo vemos juntos.
Diseñador gráfico desde 2012. Especializado en branding y diseño visual para pequeños negocios que quieren destacar con imagen propia (y funcional). En este blog comparto ideas, procesos y proyectos con alma gráfica y los pies en la calle.
Desde Balmaseda, hablando de lo que se ve… y lo que no se ve del diseño.
A veces diseño, a veces escribo… siempre con intención.