Fuente San Francisco: Apple mejoró un clásico. Dónde descargar.

Cualquiera que haya actualizado a iOS 9 o OS X El Capitan probablemente haya notado que la fuente del sistema ha cambiado a la fuente de Apple San Francisco. Esta fuente se envía silenciosamente con el Apple Watch, en watchOS, y también estará en el nuevo tvOS en el Apple TV.

Personalmente, siempre pensé que Helvetica Neue era un poco demasiado rancio para ir con los diseños más animados de los productos de Apple, cuando se envió con iOS 7.A

le hubiera encantado ver un tipo de letra humanista en iOS 7. * O * patea la vieja escuela con Akzidenz Grotesk http://t.co/s9vWXRynT7

— David Kadavy (@kadavy) Junio 10, 2013

Helvetica Neue y San Francisco son fáciles de confundir el uno con el otro. Eso se debe a que San Francisco está muy inspirado en la Helvética Neue. Pero Apple hizo algunos cambios clave que lo convierten en un tipo de letra mucho mejor, tal vez incluso perfecto, para sus plataformas.

Parte de lo que estoy a punto de explicar proviene de esta charla del diseñador de tipos de Apple Antonio Cavedoni (~30 minutos). Algunos gráficos hacia el final de este post también son de esa charla.

Helvetica Neue, ¿la mejor fuente del mundo?

Por ahora, no es ningún secreto para ningún entusiasta de los tipos de letra que Helvetica se considera una de las mejores fuentes del mundo, si no la mejor. De hecho, hay un documental entero sobre tipografía, llamado » Helvética.»

Helvetica Neue fue una reelaboración de Helvetica, diseñada en 1983 para eliminar algunas inconsistencias debido a peculiaridades tecnológicas anteriores.

¿Qué tenía de malo Helvetica Neue?

Aunque Helvetica Neue es una gran tipografía, no fue suficiente para Apple. ¿Por qué?

• no fue diseñado con pantallas en mente. Las pantallas están hechas de píxeles y, como puedes aprender de Garamond, los píxeles no son el mejor amigo de la tipografía. Helvetica Neue fue diseñada en 1983, y los píxeles no eran una consideración en ese entonces.
• El diseño es demasiado rancio. Helvetica Neue (y la Helvetica original) son conocidas por ser un poco «rancias».»Generalmente se usan cuando no quieres que las cartas se interpongan en el camino de la información. Esta es la razón por la que lo verás en las señales de los aeropuertos y el metro de todo el mundo.
• No es de Apple. Apple es famoso por ser líder en diseño, por lo que algo no les sienta bien al usar la fuente más popular del mundo en todos sus dispositivos. Necesitan su propia voz, y una tipografía personalizada les da precisamente eso.

¿Cómo es mejor la fuente «San Francisco» de Apple que Helvetica Neue?

Algunos pueden pensar que la última razón – que Helvetica Neue no es de Apple, y Apple tiene algún tipo de complejo de inferioridad sobre ella – es la única razón por la que cambiaron. Pero, ese no es el caso en absoluto.

Lo creas o no, al menos para la aplicación en cuestión, Apple ha mejorado la mejor fuente del mundo.

San Francisco es más fácil de leer en pantalla

Como dije, como puedes aprender de Garamond, los píxeles no son amigos de la sutileza tipográfica, e incluso con resoluciones de pantalla crecientes, el tipo se muestra en pantallas cada vez más pequeñas.

Además, cualquier fuente que Apple haga por defecto será utilizada por miles de desarrolladores que harán todo tipo de cosas con ella, como mostrarla en fondos ruidosos, para que sea aún más difícil de leer.

Por lo tanto, Apple no puede arriesgarse con la legibilidad. Estas son algunas de las maneras en que San Francisco es más fácil de leer en pantalla.

San Francisco tiene una altura x más alta

La gran mayoría de las letras que lea serán letras minúsculas. Este es un truco cruel inherente a la tipografía, porque, en pantalla, las letras minúsculas son más difíciles de leer. (Recuerde, Garamond le muestra, los píxeles y la tipografía a veces no se mezclan).

San Francisco compensa eso al tener una altura x mayor (la altura de la «x»en minúsculas). Esto permite que los contadores (los espacios dentro de las letras) sean más grandes, lo que significa más píxeles para comunicar la forma.

San Francisco tiene una versión de» pantalla «y» texto »

El tipo pequeño de tamaño de texto en una pantalla pequeña presenta diferentes desafíos tipográficos que el tipo más grande de tamaño de titular en una pantalla gigante (como un televisor).

El texto pequeño debe ser legible, y el texto grande debe ser hermoso. Estos objetivos a veces están en desacuerdo entre sí.

Por lo tanto, San Francisco viene tanto en una versión de pantalla como en una versión de texto.

Observe cómo la copia del cuerpo se combina en la versión de pantalla. Por el contrario, la copia del cuerpo en la versión de texto es cómoda de leer. Sin embargo, el conjunto de titulares con la versión de texto es torpe (debido a un mayor espaciado y trazos más pesados), mientras que el conjunto de titulares en la versión de pantalla proyecta una textura más uniforme, gracias a algunos de los ajustes que se ilustran a continuación.

Puede parecer complicado hacer un seguimiento de si usar el tamaño de texto o el tamaño de pantalla, pero si eres un desarrollador, las diversas plataformas usarán automáticamente el tamaño de pantalla a 20 puntos o más.

El seguimiento de San Francisco es más flexible

El tipo Sans-serif generalmente se considera más fácil de leer en tamaños más pequeños, porque los píxeles y las serif no siempre coinciden. Pero, las tipografías sin serif, especialmente un diseño muy «racionalista» como Helvetica Neue, generalmente tienen otro problema. Las letras a menudo están demasiado juntas, especialmente en tamaños más pequeños.

Esto dificulta la lectura en bloques grandes de texto pequeño. Los trazos de las formas de letras sangran juntos (como se vio en el ejemplo anterior).

La versión de texto de San Francisco se rastrea de forma más flexible (el»rastreo» se realiza a través de muchas letras, mientras que el «kerning» más familiar es solo el espaciado entre un par de letras), lo que deja espacio para más píxeles para ayudarlo a distinguir las letras entre sí.

Además, las plataformas incorporan inteligencia de seguimiento. El texto más grande tiene un seguimiento estándar, mientras que cuanto más pequeño es el texto, más suelto es el seguimiento. (Personalmente, este es un truco que solía hacer cuando hacía diseño de impresión, así que estoy emocionado de verlo implementado en un medio interactivo.)

San Francisco tiene una altura de tapa más baja

Acabo de decir que la altura x más alta de San Francisco hace que sea más fácil de leer en pantalla, así que, ¿de qué serviría para reducir la altura de la tapa?

Probablemente el mayor beneficio de este cambio se puede ver cuando se trata de distinguir la «l» minúscula de la «I»mayúscula.

Al cambiar la altura de la tapa hacia abajo, las letras como la «l» en minúsculas pueden extenderse más allá de la altura de la tapa, y por lo tanto son más fáciles de distinguir entre sí.

Esto tiene el beneficio adicional de hacer que la altura x parezca aún más grande, en relación con la altura de la tapa (lo que puede alentar a los desarrolladores a usar tamaños de texto más grandes).

San Francisco se ve «más amigable «que Helvetica Neue

Más de una fuente ha comentado que San Francisco se ve» más amigable » que Helvetica Neue, y estoy de acuerdo. Esto es parte de lo que hace de San Francisco la tipografía perfecta para Apple. Al igual que el diseño industrial de Apple, San Francisco se encuentra cómodamente a caballo entre la austeridad y la amabilidad absoluta.

San Francisco tiene más formas de letras abiertas

• La «e» y la «c» tienen aberturas más anchas (los espacios abiertos que impiden que sean círculos completos). Además de hacer que la fuente se vea más «amigable», también la ayudan a ser más legible en pantalla.
• El terminal en la parte superior de la» f «es ligeramente más abierto, al igual que el terminal en la cola de la»y».
• La cola de la» t » es más abierta, y se dobla menos abruptamente.

San Francisco tiene un modelado menos sofisticado

• La pata de la » R » es un trazo más simple. Recto, en lugar de ondulado.
• El cuenco de la » a » se adhiere al tallo de forma más abrupta, que recuerda a una sans-serif más humanista, como Lucida Grande.
• El apóstrofo (y las comillas) es menos artificial. Es más como un apóstrofo dibujado a mano, y se lee mejor en pantallas pequeñas.

San Francisco es más versátil que Helvetica Neue

Es difícil argumentar que Helvetica Neue no es versátil. Después de todo, cuenta con 51 variaciones. Sin embargo, San Francisco tiene un conjunto saludable de opciones, optimizadas para su visualización en pantallas.

Hay «San Francisco» y «SF Compact» (que se envían en watchOS). Cada uno de ellos tiene varios pesos en sus versiones de pantalla y texto.

San Francisco maneja los números mejor que Helvetica Neue

La implementación de San Francisco en las diversas plataformas hace que sea más fácil para los desarrolladores elegir números monoespaciados o espaciados proporcionalmente.

Los números espaciados proporcionalmente se ven mejor, porque no tiene un espaciado incómodo en los emparejamientos que incluyen números finos, como «1».»Pero no son ideales para situaciones como esta, donde los números espaciados proporcionalmente causan un movimiento de distracción.

Para ser justos, podría obtener números espaciados proporcionalmente con Helvetica Neue en iOS 7, pero solía ser más complicado. iOS 9 los tiene activados de forma predeterminada. Puede excluirse de ellos con un sencillo acceso directo a la API.

Dado que los dispositivos Apple a menudo muestran la hora, tiene sentido que, en San Francisco, los dos puntos ahora estén centrados verticalmente de forma predeterminada (los desarrolladores pueden optar por no participar en su código).

Dado que los números «6» y «9» se pueden confundir fácilmente con números como » 8 » en tamaños pequeños, hay versiones alternativas disponibles.

Puede ver uno de ellos en acción en el gráfico del reloj a continuación.

¿Es San Francisco la mejor fuente de nuestro tiempo?

Dado que está diseñado específicamente para los dispositivos de Apple, y cuenta con todas estas características que lo hacen tan adecuado para los muchos lugares en los que se usará, San Francisco es un gran logro.

Más recursos en la fuente de San Francisco de Apple

• Descarga la fuente de San Francisco de Apple-Recursos para desarrolladores de Apple. Descarga para iOS, macOS y tvOS, así como en estilo compacto para watchOS.
• Cómo instalar la fuente San Francisco de Apple en Mac OS X y PC con Windows.

¿Desea obtener más información sobre la selección de fuentes? Toma mi curso de diseño gratuito.