la-chata-webfont-2011-t

Diseño tipográfico | @font-face 'La chata' | Free webfont | Diseño web

La chata, tipografía & webfont gratis

«La chata»
Esta es una tipografía de palo seco uniforme, con acabado redondeado en las terminaciones de las astas, ápices, vértices, colas o espolones, también en las uniones con el asta de los travesaños, barras y hombros.
Actualmente sigo desarrollando esta tipografía para su uso en auto-edición y en formato Open Type, con más caracteres, ligaduras, símbolos y letras alternativas (+ en Quark Xpress e Indesign), así como las versiones Bold e Itálica, posteriormente me gustaría extender la familia con otros pesos y medidas, pero dado el tiempo que lleva el diseño de una fuente, no tengo claro cuando lo tendré listo…

La idea de desarrollar esta tipografía para la web surgió a principios de 2011 con motivo del rediseño de mi logotipo e imagotipo, como expliqué en el post: “Un logo, un pez y otro pez“; pero el deseo de diseñar una tipografía completa viene de más atrás, y sólo ahora, lo he podido ver hecho realidad.

Comencé con gran entusiasmo el dibujado de las letras, ya tenía 7! (defharo), primero definí la altura de las mayúsculas, de los ascendentes y descendentes, continué dibujando frenético, con Freehand, letra a letra, cuando tuve todas las mayúsculas, minúsculas, números y signos de puntuación me fuí a Fontlab para compilar la fuente, lo hice de una manera intuitiva, digo intuitiva pues no conocía el programa ni tampoco los conceptos a tener en cuenta en el desarrollo de una fuente, establecí a ojo el espaciado de caracteres, pasé por encima del kernig y le di al menú “Generate font..”, emocionado, instalo la nueva fuente y corriendo voy a QuarkXpress, compongo un largo texto de 12pt con “La chata”, vaya, parece que en pantalla, con el zoom activado todo se ve bien, eureka!!..
Imprimo un par de hojas con los párrafos, espero ansioso que la impresora “escupa” la hoja, ya está, cojo con emoción el resultado y comienzo a leer el texto… sólo bastaron unos segundos para llegar a la conclusión que era muy dificil la lectura, las alturas, los espaciados, la coherencia morfológica, etc… todo mal!! de una manera intuitiva, cegado por la emoción del dibujo de las letras, sin método, sin planificación y sin conocimientos suficientes sobre los intríngulis del diseño de fonts, el proyecto parecía insalvable.

La chata webfont. Extended character setLlegué a la conclusión que debía conocer más sobre la técnica del dibujado tipográfico y sobre el programa que facilita esto, encontré un breve, pero muy útil, manual de Fontlab, a partir de los consejos incluidos aquí me dispongo a corregir errores y sobretodo me centro en el espaciado de caracteres e interlineado, pensando que sólo de ahí derivaba la falta de legibilidad de la fuente, paso muchas horas conociendo el funcionamiento de estas técnicas, establezco decenas de pares de letras, vuelvo a imprimir, bueno, parece que algo a mejorado, pero los textos continúan siendo muy dificiles de leer, es una tortura intentarlo con una cierta velocidad… me paro, observo letra a letra, entorno los ojos… no hay uniformidad!!, muchos fallos en el dibujado de las letras y medidas sin método.

Sigo los consejos del manual de Fontlab y me dispongo al redibujado de todos los caracteres, elimino y modifico nodos según los consejos aprendidos (ortogonalidad), establezco los patrones para el trazado de todas las curvas, geometrizo hasta la extenuación, a la par, encontré el manual en español de typeTool, la versión light de FontLab, es indispensable para mi conocer los pormenores de la herramienta, leo incansable, con nocturnidad y alevosia el manual de 420 páginas, aprendo muchas cosas y entiendo muchas más, deseo que llegue el nuevo día para aplicar lo aprendido.

Por fin, tengo compilada una nueva versión de la tipografía con 720 glifos, 1800 pares de letras definidos para el kerning, un nuevo espaciado de palabras, cantidad de letras alternativas y más de 200 horas a la espalda, ahora la lectura ha mejorado considerablemente, aunque todavía hay letras que se pueden mejorar…

Poster de la chata webfont gratis - Extended familyDespués de 2 semanas embarcado en otros trabajos, retomo la edición de la fuente, hay algo que todavía me inquieta y no se que es, pienso en que sería bueno comparar el resultado, no lo había vuelto a hacer, con mi logotipo, cual es mi sorpresa al observar que las terminaciones de las astas, ahora semicírculos perfectos, han perdido la esencia y la gracia de los originales, donde estas curvas son achatadas, no me lo pienso dos veces y comienzo el 3er redibujado de la fuente, es en este momento que elijo el nombre de la fuente “La chata”, por fin me decido a hacer una versión simple que incluye 391 caracteres, los suficientes para el uso con todos los idiomas europeos, rediseño algunas letras que estaban “medio perdidas”, investigo sobre las llamadas webfonts y me decido finalmente a poner la tipografía para descargarla gratis, ya que, actualmente mediante @font-face es posible usar fuentes personalizadas en el diseño web. En el archivo encontrarás la fuente en varios formatos y un html de ejemplo con la hoja caracteres aplicados en la web.

Licencia comercial de la fuente: La Chata por una donación libre al autor [Paypal]
Commercial license of this font: La Chata for a free donation to the author [Paypal]


La historia continúa… he subido esta fuente para descarga a Dafon.com y estoy contento con la respuesta en descargas; también envié la fuente para incluirla en Google fonts, jajaja! iluso y precipitado de mi, me la rechazaron amáblemente diciendo que no cumplia con la calidad esperada, recomendándome subir la fuente a la Open Font Library y esperar la ayuda de alguien para corregir todavía no se que, este es el drama y el reto, aunque tengo algunas sospechas pero voy perdido, en fin, como buen optimista veo oportunidad en mi ignorancia :) hasta pronto.

CC0

Relacionados->Diseño gráfico->Branding->Web

22.062 views

12 Opiniones


  1. ryle
    dic 27, 2013

    Thanks :)

  2. […] Download La Chata […]

  3. […] Download La Chata […]


  4. tina
    abr 03, 2012

    Gran tipografía, muchas gracias por compartirla :)


  5. jon
    feb 29, 2012

    Gracias por la fuente, por el trabajo, por la historia,… y por compartirlo todo!
    Enhorabuena por el resultado, sin duda el esfuerzo ha merecido la pena.
    Salú!


    • johne
      nov 26, 2012

      Hello! eeckcee interesting eeckcee site! I’m really like it! Very, very eeckcee good!


  6. EPWA
    ene 03, 2012

    Interesante tema, se ven muy bien las ilustraciones.!felicidades¡


  7. Gabriel Casalett
    oct 28, 2011

    Fernando,

    Me encanta la fuente! Te felicito por el increible esfuerzo -gracias por compartir la historia. Espero poder usar “La Chata” pronto en algún proyecto.


    • deFharo
      oct 28, 2011

      Gracias por el comentario Gabriel

  8. […] La Chata by Fernando Haro […]

Info tipografías deFharo

Tipografías 2014 deFHaro

Tipografía stencil: X.Template

Tipografía negra y condensada, de gruesa serífas redondeadas, con estilo stencil que imita las plantillas surgidas en los muelles de carga...

Tipografía Display: A Bebedera

"A bebedera" – esta frase portuguesa viene a significar "la borrachera", le he puesto el nombre a la tipografía por la cantidad de curvas que tiene cada glifo…

Tipografía experimental

Esta es una typeface diseñada para su uso en carteles, posters, afiches tipográficos, logos o cualquier proyecto de diseño gráfico publicitario...

Tipografía sans serif experimental

M.F. Plexus Italic es una fusión tipográfica experimental entre dos clásicas tipografías grotescas que comparten mucho ADN y en esta ocasión...

Tipografía retro sans serif

Esta tipografía fue mi primer contacto con diseño de tipos. Es una fuente para uso en grandes tamaños o display pues el tema del kerning y otras cuestiones...

Tipografía universitaria

Tabaquera es una versión college de mi anterior fuente Hooby of night y segunda variante después de Rabanera, esta tipografía de estilo universitario...

Tipografía hecha con las piezas de mi logo

Esta tipografía experimental esta construida en su gran mayoría con las 3 piezas del imagotipo de mi logo: el pececito, un diseño geométrico y minimal...

Tipografía 3D: I am Hueca

Tipografía 3D, comprimida, black font y sans serif ideal para posters, afiches, carteles, etc. Versiones en webfonts, .otf, y .ttf...

Tipografía College: Nacimiento

Fuente hueca con outline y fondo en negativo, conserva las características de su origen algo suavizadas. Display font, College...

Tipografía grunge negativa: C.A. Garrutas

C.A. Garrutas es una escisión familiar traumática en negativo de mi anterior tipografía Cagatintas. Fuente display rota y manchada para posters...

Últimos post

Icono tipografía Babalusa

Esta tipografía es un experimento de rajado y mutilación sobre mi anterior tipog

ÆØ Watch design 89/93

ÆØ WATCH DESIGN WATCH ÆØ WATCH ÆØ RELOJ ÆØ WATCH ÆØ RELOJ

C.A. Gatintas | Dirty font

cagatintas-dirty-font-lower-acent_0000 cagatintas-dirty-font-lowercase-acent_0016 cagatintas-dirty-font-mayuscula_0000_Z cagatintas-dirty-font-lower-acent_0003

Fernando Haro
deFharo
Diseñador gráfico y web freelance
Laredo. 39777 Cantabria. España
034 942 61 15 18 / 616 679 058