Diseñar una fuente desde cero y enviarla a Google Fonts en 24 horas

Construcciones de un día

Soy un gran admirador de One Day Builds de Adam Savage. Al comienzo del día, comienza con una pila de materiales y termina sosteniendo algo que alguna vez codició (este es mi favorito).

Entonces, con esto en mente (y un día libre del trabajo), me propuse un desafío ...

Cree una fuente completamente nueva, desde cero, y envíela a Google Fonts en menos de 24 horas.

Ya tenía un par de letras esbozadas en un viejo cuaderno. Quería crear una fuente de pantalla alta, sans-serif, que pudiera usarse en carteles o en obras de arte a gran escala. En mis primeros días en Men's Health, tenía que usar fuentes como 'Tungsten' o 'Heron', que eran terribles para fragmentos del texto del cuerpo, pero increíbles cuando se usaban en titulares o para material promocional (que era mi trabajo principal allí ). Este fue el estilo que me propuse crear.

13:00, miércoles

Fui directamente a Adobe Illustrator con los dos o tres estilos de letras que había bosquejado. Configuré cinco líneas de cuadrícula en mi mesa de trabajo, una para cada línea descendente, línea base, altura x, altura de la tapa y línea ascendente. Luego me decidí por el ancho de las letras mayúsculas y, a partir de ahí, el grosor del tallo (por ejemplo, el ancho de la letra I ).

Hice un montón de investigación sobre las proporciones de las letras y las proporciones, y realmente medida algunas fuentes existentes, determinar la forma de las letras minúsculas deben estar relacionados con las tapas. A partir de aquí, hice algunas reglas:

  • X-height = 2 × altura del ascendente / descendente.
  • Ancho del tallo = 1/4 ancho de letra mayúscula
  • Ancho de minúsculas = 3/4 de ancho de letra mayúscula

A partir de aquí creé primero las letras O y B. Tomé la decisión de que cualquier letra que normalmente tuviera curvas tendría una esquina redondeada. La mayoría de las letras tendrían forma de bloque alto, pero con letras como O , B y D , los bordes con curvas tendrían esquinas redondeadas.

La esquina exterior tendría un radio de 12 mm y el interior 6 mm. Con estas reglas acordadas, más una altura para mi barra transversal (a través de la letra H ) comencé a producir mis letras mayúsculas.

Mi fuente era muy simple, pero con una que definía 'florecer', por así decirlo. Cualquier abertura, que es la abertura de una letra, como el corte de la letra C , o el final de cualquier arco, como el extremo curvo de la letra J , se cortaría en ángulo. Las letras más difíciles aquí eran G y K .

Con las MAYÚSCULAS completadas, pasé a las letras minúsculas. Sin duda, esto fue más difícil, pero con mis reglas acordadas, fue solo un caso de revolverlas. Usé muchas más de mis 'florituras' aquí, especialmente al final de los ascendentes y descendentes. Las letras f , g , una y e eran la más delicada, ya que eran completamente nuevos estilos.

21:00, miércoles

Ahora estaba pasando a algunos de los glifos adicionales, como el signo de interrogación y el signo de exclamación. Mi ritmo se aceleró y antes de acostarme había logrado trabajar alrededor de 35 de ellos.

Jueves por la mañana

Por la mañana, completé los números del 0 al 9 con bastante rapidez y luego comencé a crear el archivo de fuente.

Este era un territorio completamente nuevo. Ian Barnard , un amigo calígrafo en Twitter (con mi apellido), recomendó un programa llamado Glyphs, que puede descargar para una prueba gratuita de 30 días.

Descargué Glyphs Mini y vi un par de videos tutoriales, luego me di cuenta de que había configurado mi archivo ilustrador completamente mal. Así que tuve que pegar cada carácter manualmente y escalarlo para que coincida con las guías de la aplicación.

10 a. M., Jueves

Con mis caracteres en su lugar, comencé a espaciar y ajustar las letras. Esta parte consumió muchísimo tiempo. Hay una serie de atajos de teclado en esta aplicación que absolutamente debes dominar antes de comenzar con esto. Y antes de comenzar el proceso de kerning, debe hacer que el espaciado entre letras sea lo más cercano posible a cómo desea que se vea el archivo.

Aparentemente, como regla general, mida el ancho del contador de la letra O (el agujero en el medio) y divídalo por tres. Esa es la distancia de espaciado con la que debe comenzar en el lado izquierdo y derecho de sus letras.

11 am jueves

Con la configuración del espaciado (teniendo en cuenta letras más anchas como M y W ) comencé a intercargar. Este fue un proceso enormemente laborioso. Visité este sitio web y pegué su texto de kerning de ejemplo.

Usando los atajos de teclado (use este tutorial) avancé pesadamente y ajusté los grupos de kerning para cada distancia que no me parecía correcta. Los obvios están entre V y A , pero hay tantos pares de letras dentro de esa copia de ejemplo que no habría pensado.

Una vez terminado, convertí el texto del kerning a todo en mayúsculas e hice todo de nuevo, para emparejar las letras mayúsculas.

12:59 pm jueves

Exporté mi fuente y la convertí a un archivo .ttf listo para enviar a Google. Con bastantes glifos faltantes (como corchetes y símbolos de derechos de autor), estaba seguro de que no sería aceptado. Tampoco tuve tiempo de incluir la multitud de acentos necesarios para el soporte completo del idioma.

No es la mejor de las fuentes, pero no estuvo mal para mi primer intento. Y teniendo en cuenta que tuve que aprender a usar el software Glyphs desde cero, y se completó en un solo día, ¡estaba muy orgulloso!

¿El nombre?

Odibee Sans

... pronunciado "oh-dee-bee". Mi propia 'Construcción de un día' (ODB).

Epílogo

Envié Odibee Sans al equipo de Google Fonts en mayo de 2017, y tal como está, la fuente todavía está en proceso de agregarse. El equipo sugirió con razón que debería dedicar más tiempo a la fuente para refinar el diseño (aunque admitieron que esto iba en contra del espíritu del proyecto).

Con esto en mente, dediqué un día más a la fuente. Desde entonces, he agregado todos los glifos adicionales (creo) necesarios para el soporte latino extendido. También hice algunos cambios importantes en alrededor de 30 de los glifos, incluidos nuevos estilos para las letras (mayúsculas) S, B, R y minúsculas s, c, y, a, e, r, f, t, p, q yj, así como un par de ajustes numéricos.

Además de esto, ahora hay más de 1500 pares de kerning, lo que ha mejorado enormemente el tipo de letra.

¡E hice un sitio web! odibeesans.com

El sitio también se hizo en un día usando Adobe Muse. Más sobre esto aquí.

¡Gracias por leer! Me encantaría leer sobre cualquier proyecto que haya abordado en un día. Es una técnica bastante efectiva, si puede dedicar el tiempo (¡Dios bendiga el estilo de vida independiente)!