Durante años, los diseñadores web evitaban las fuentes del sistema como si fueran un signo de flojera. "¿System fonts? Eso es para los que no saben de diseño." El argumento era que las tipografías de Google Fonts o de Adobe Fonts daban más personalidad y control.
Hoy, ese argumento se está derrumbando. Y Apple tiene mucho que ver en eso.
Qué es SF Pro y por qué importa
San Francisco (SF) es la familia tipográfica diseñada por Apple a partir de 2014, actualmente en su versión más madura. Lo interesante no es solo que se ve bien —muchas fuentes se ven bien— sino por qué se ve bien.
SF Pro está diseñada para legibilidad óptica en pantallas, no solo para proporciones geométricas. Esto significa que:
- Las formas de las letras compensan las limitaciones de los píxeles.
- El espaciado cambia dinámicamente según el tamaño del texto (Dynamic Type).
- Las versiones Text y Display son variantes distintas, optimizadas para rangos de tamaño específicos.
Una fuente diseñada para pantalla piensa diferente a una diseñada para impresión. La pantalla tiene luz propia; el papel, luz reflejada. Eso cambia todo.
El principio de legibilidad como diseño
Lo que hace que SF Pro sea tan notable no es su belleza per se, sino que su belleza es funcional. Cada decisión —el grosor del trazo, la apertura de las letras, el contraste entre astas y remates— está tomada para que leer sea fácil, rápido y cómodo.
Esto es diseño en su forma más pura: resolver un problema humano con soluciones visuales.
Los diseñadores gráficos a veces olvidamos que la tipografía es primero comunicación. Antes de ser estética, es arquitectura del lenguaje.
Las system fonts como decisión estratégica
Usar -apple-system, BlinkMacSystemFont, SF Pro Text en una hoja de estilos no es un atajo perezoso. Es una decisión que tiene ventajas reales:
- Velocidad: No hay que cargar ningún archivo de fuente. Cero peticiones HTTP, cero bloqueo de renderizado.
- Coherencia con el OS: El texto del sitio se integra naturalmente con la interfaz del sistema operativo.
- Escala automática: El navegador (especialmente Safari) aplica las optimizaciones tipográficas del sistema.
- Accesibilidad: Los usuarios que han configurado un tamaño de fuente personalizado en su sistema respetan esa preferencia.
Cuándo sí vale la pena usar una fuente externa
No estoy diciendo que las fuentes web personalizadas sean un error. Hay casos donde tienen todo el sentido:
- Cuando la identidad de marca exige una tipografía específica que es parte del sistema visual.
- Cuando se necesita un carácter muy particular (humanista, geométrico, display) que las system fonts no ofrecen.
- En piezas editoriales donde la tipografía es el elemento central del diseño.
La clave es entender que una fuente externa tiene un costo (rendimiento, dependencia de terceros) y ese costo debe estar justificado por un beneficio real de diseño.
Lo que aprendí de Apple
Cuando rediseñé este sitio para usar el stack de fuentes del sistema, noté algo inesperado: el texto se leía mejor. No diferente, mejor. Más fluido, más familiar.
Eso me hizo reflexionar sobre cuántas veces tomamos decisiones de diseño para que la pieza se vea impresionante en un mockup, sin preguntarnos si funciona en el mundo real donde la gente la va a usar.
La tipografía de Apple es una lección constante: la excelencia invisible es la excelencia más difícil de lograr.
La próxima vez que elijas una fuente para un proyecto, pregúntate si lo estás haciendo por el usuario o por ti. A veces la respuesta correcta ya está instalada en el dispositivo.