Lo que me ha enseñado la creación de una fuente simple sobre el diseño de fuentes | Christian Behler | Octubre de 2021

Vistas: 158
0 0
Tiempo de lectura:4 Minutos, 12 Segundos

Desde las primeras pinturas rupestres y los jeroglíficos hasta los calígrafos y las fuentes de computadora, la escritura ha sido uno de los inventos humanos más importantes. Ya sea que esté estudiando para un examen, leyendo las noticias o navegando por las redes sociales, dondequiera que mire y adonde vaya, siempre encontrará una fuente.

Sin embargo, la mayoría de nosotros damos por sentadas las fuentes. Si preguntamosmid que hace o interfiere con una buena fuente que la mayoría de nosotros no podremos detectar. Solo esperamos que nuestros textos estén en una fuente legible y no pensamos en formas, posiciones y espaciado de caracteres. Solo notamos una fuente cuando es difícil de leer, como la escritura críptica de su maestro, o se usa en un contexto extraño como Comic Sans MS en el estado de ganancias y pérdidas de una compañía de Fortune 500.

Cuando trabajé recientemente en un nuevo sistema de representación de texto y fuentes para mi motor de juego, también creé una fuente muy simple que está empaquetada directamente en un ejecutable. Si el programa no puede encontrar o abrir archivos de fuentes reales, todavía tiene una forma de mostrar texto al usuario. Aunque simplifiqué mucho el proceso, me hizo apreciar el trabajo que los diseñadores tipográficos realizan todos los días para que nuestros textos se vean mejor.

En la mayoría de los formatos de fuente, caracteres o como se denominan en las fuentes, los glifos se definen como contornos. Los contornos son una colección de líneas y curvas que definen la forma de un personaje, al igual que en los gráficos vectoriales. Las rutas también utilizan bloques de fuentes independientes de píxeles, por lo que los caracteres se pueden escalar a cualquier tamaño.

El contorno de la letra S en fuente Arial. Imagen creada por el autor usando FontForge.

Cuando se dibuja un personaje en la pantalla, el motor de renderizado de texto debe rasterizarlo y decidir cómo colorear los píxeles. Dado que los píxeles son bidimensionales, el contorno del personaje a menudo pasa por la mitad del píxel, es decir, el 69% del área del píxel está dentro del personaje y el resto está fuera, por lo que debe dibujarse semitransparente.

Además de crear las formas de los personajes, también es necesario definir muchas otras métricas, como qué tan lejos debe ir el cursor después del personaje, o qué tan lejos de la línea de base y qué tan arriba del personaje.

Incluso crear un contorno para un personaje no es fácil. Puede hacer innumerables pequeños ajustes, y puede caminar de un lado a otro durante horas para encontrar la forma perfecta para su S… Y la tarea de diseñar una fuente completa se vuelve exponencialmente más difícil porque tienes que crear muchos personajes. Una vez que diseñe una fuente completa, también debe ceñirse a un tema común para que sus personajes sean consistentes entre sí. Mientras que el tuyo S puede verse bien por sí solo, puede parecer extraño cuando está al lado de a

El conjunto de caracteres ASCII por sí solo tiene 95 caracteres imprimibles, que es el conjunto de caracteres más simple compuesto únicamente por letras, números y caracteres especiales generales en inglés. Si desea crear una fuente moderna que sea útil en más idiomas además del inglés, rápidamente llegará al punto en el que tendrá que diseñar un gran porcentaje del conjunto de caracteres Unicode, que actualmente incluye 144,697 caracteres, símbolos y emojis. .

La mayoría de las fuentes también incluyen diferentes estilos, por ejemplo graso y cursivaque también deben diseñarse, por lo que si desea crear una fuente Unicode completa con tres estilos, deberá diseñar 434,091 caracteres individuales, lo cual es básicamente imposible.

Como se mencionó anteriormente, recientemente creé mi propia fuente muy simplificada. Quería tener una fuente pequeña que pudiera empaquetarse directamente en ejecutables de C ++ para que los programas siempre tuvieran una forma de mostrar texto si no pueden encontrar ningún archivo de fuente real. En lugar de desarrollar mi propia fuente, también podría usar una fuente de código abierto, pero quería ponerme a prueba e intentar crear la mía propia.

Como sabía que crear la fuente correcta sería una tarea desalentadora, elegí la opción más simple posible: una fuente de mapa de bits que contiene solo caracteres ASCII y solo píxeles completamente transparentes o completamente opacos, sin transiciones semitransparentes.

Un conjunto de elementos de mi fuente de mapa de bits simple. Imagen del autor.

A pesar de estas simplificaciones, tomó mucho tiempo crear la fuente. Seguí yendo y viniendo con diseños de personajes. El personaje se verá bien en una palabra, pero tan pronto como aparezca en otra palabra junto a otros vecinos, volverá a verse extraño.

Después de muchas horas e innumerables ajustes, tuve que llamar y seguir con el diseño actual. No es una fuente bonita, y probablemente nunca lo será, pero mi objetivo nunca fue crear una fuente bonita. Está diseñado solo como una fuente alternativa en caso de que no se pueda cargar la fuente real, y para este caso de uso es suficiente.

Happy
Happy
0
Sad
Sad
0
Excited
Excited
0
Sleepy
Sleepy
0
Angry
Angry
0
Surprise
Surprise
0
Previous post Analizar el impacto de las redes sociales en los datos recibidos y propios
Next post Las 10 mejores empresas de SEO de Miami para 2021 [100% Unbiased]

Average Rating

5 Star
0%
4 Star
0%
3 Star
0%
2 Star
0%
1 Star
0%

Deja una respuesta