Ya anterioremente he publicado de la tipografía Museo, tanto en su variante serif como sans serif, y ahora me entero de que quien las diseñó ahora sacó una variante slab serif (de la que ya hubo un fontFriday en el que les recomendé algunas)

Os presento Museo Slab Serif:

La fuente es increiblemente bella.

Y como siempre, pueden descargar algunas fuentes gratuitamente en MyFonts: Museo 500 y 500 en itálica

Una de las cosas con las que se lidia a la hora de embeber tipografías en tu sitio web utilizando @font-face en tu CSS, es que no funciona de la misma manera en todos los navegadores.

Solo Safari y Firefox soportan archivo TTF y OTF por igual, mientras que en Internet Explorer debes de convertir las tipografías a EOT, y con Chrome y Opera debes tener la tipografía en SVG =__=U

Si partimos desde una fuente OTF, tendrías que convertirla luego a TTF y usar WEFT (¡que lío! T_T) y muchas cosas más para hacer el SVG.

Pero en Font Squirrel podemos encontrar una gran herramienta que nos ahorrará todo este trabajo: @font-face Kit Generator

Que a partir de una tipografía TTF ú OTF creará los archivos EOT y el SVG para Opera, Chrome y iPhone

Además, nos permite crear una archivo WOFF que tienen varias ventajas (sobre todo en el peso) contra los TTF-OTF, este archivo será soportado por Firefox 3.6

También te ofrecé la capacidad de reducir los glyhps de la fuente para disminuir su peso y corrección errores en su estructura

Una gran herramienta, y por si fuera poco, ya te prepara un archivo CSS con las reglas de inscrustación un HTML de ejemplo (¡Hurra!) listo para descargártelo comprimidito en ZIP

@font-face Kit Generator

Unas de mis tipografías favoritas son las slab-serif ó de serifa cuadrada que tienen siempre un aspecto muy característico que las hacen ver geniales

Por ello aquí les dejo 6 que son gratuitas

Museo

Descripción: Una tipografía que se está volviendo muy usada por su diseño y estilo que la vulven elegante y original.

Solo son gratuitas sus versiones 300, 500 y 700

Licencia: Copyright

Tipo: OTF

Por: exljbris @ MyFonts

Descarga: http://new.myfonts.com/fonts/exljbris/museo/

HVD Comic Serif Pro

Descripción: Aunque no lo creas, esta bella tipografía esta basada en Comic Sans, solo que con serifa, más gruesa y pro, excelente balance entre elegante y funny.

Licencia: Copyright

Tipo: OTF

Por: HVD Fonts @ MyFonts

Descarga: http://new.myfonts.com/fonts/hvdfonts/hvd-comic-serif-pro/

Alexandria FLF

Descripción: Una tipografía slab-serif ligera.

Licencia: Libre

Tipo: TTF

Por: FontStock

Descarga: http://www.fontstock.net/12369/alexandriaflf.html

Typo Slab Serif

Descripción: Una tipografía condensada slab-serif que es excelente para diseños de tipografía grande.

Licencia: Libre

Tipo: TTF

Por: Dafont

Descarga: http://www.dafont.com/typo-slab-serif.font

Slab Tall X

Descripción: Similar a la anterior, solo que más amplia y gruesa.

Licencia: Libre

Tipo: TTF

Por: Dafont

Descarga: http://www.dafont.com/slab-tall-x.font

Indento

Descripción: Esta tipografía recientemente la conocí, pero al instante me encantó, más por si diseño dentado que por la serifa, sin embargo cabe dentro de esta categoría

Solo es gratuita la versión Bold

Licencia: Copyright

Tipo: OTF

Por: Mugur Mihai @ MyFonts

Descarga: http://new.myfonts.com/fonts/mugur-mihai/indento/

Y para quienes ya la tengan instalada en su ordenador (porque viene incluída por default en algunos sistemas), les recomiendo la tipografía slab-serif más usada y mejor:

Rockwell

A quien le interese comprar la familia completa, puede hacerlo en MyFonts por solo $228 USD

Ver Rockwell Family en MyFonts

Pues lo prometido es deuda, asi que como hoy tuve un pequeño tiempo de buscarlas, de una vez este Viernes pondré la fuentes de hoy

Y hoy tocan las tipografías suaves y a la vez elegantes que todo diseñador debe tener para no ser igual a los demás, sino que lo que diseñe sea original, fresco y c00l

Qlassik Font

Descripción: Una tipografía que les recomiendo para diseños de logotipos modernos y creativos

Licencia: Libre

Tipo: TTF & OTF

Por: Dafont

Descarga: http://www.dafont.com/font.php?file=qlassik[...]

Anivers (Regular)

Descripción: Una tipografía bien diseñada, muy elegante pero a la vez original, perfecta para diseños frescos e innovadores.

Licencia: Bajo Copyright

Tipo: OTF

Por: Font Foundry @ MyFonts

Descarga: http://new.myfonts.com/fonts/exljbris/anivers/regular/

Delicious

Descripción: Esta es una de mis tipografías favoritas, para cualquier persona podría ser una másde tantas que se parecen, pero tienen esa forma que las diferencias y la hace mucho más bella y original

Licencia: Bajo Copyright

Tipo: T1 (solo Mac) & OTF

Por: Font Foundry

Descarga: http://www.josbuivenga.demon.nl/delicious.html

Fertigo Pro (Regular)

Descripción: Una tipografía estilo Georgia pero a la vez modificada para hacerla ver más fresaca sin perder su legibilidad de lectura.

Licencia: Bajo Copyright

Tipo: OTF

Por: Font Foundry @ MyFonts

Descarga: http://new.myfonts.com/fonts/exljbris/fertigo-pro/regular/

Just Old Fashion

Descripción: Una tipografía que quizá a simple vista no te agrade, esto porque no se ve muy seria, pero hace falta verla en uso para darse cuenta de que es muy útil al diseñar ya sea un logo ó un poster que no sea exactamente serio ó elegante pero que se vea fresco y profesional el trabajo.

Licencia: Bajo Copyright

Tipo: TTF

Por: Manfred Klein

Descarga: http://moorstation.org/typoasis/designers/klein03/text/justold.htm

Advent

Descripción: Una tipografía realmente increíble, es hermosa por todas partes, simplemente miren caracteres como @ ó &, la forma en que se unen las partes de algunas letras, la altura a la que estan, esos pequeños detalles que hacen una fuente realmente fresca.

Licencia: N/A

Tipo: TTF &  OTF

Por: =inde-graphics @ DevianArt

Descarga: http://inde-graphics.deviantart.com/art/advent-font-57338302

Diavlo

Descripción: Una tipografía realmente bella: suave, fresca y original. Muy recomendada para logos modernos y frescos.

Licencia: Bajo Copyright

Tipo: OTF

Por: Font Foundry

Descarga: http://www.josbuivenga.demon.nl/diavlo.html

Tipografías realmente buenas, eh?

¡Pues a disfrutarlas!

Pues como la mayoría de los viernes hoy también quize hacer un FontFriday de un tipo de tipografías que suelen abundar y muchas veces no son muy buenas, pues son muy fáciles de hacer y llegan a estropear diseños puesto que pueden verse como la horrible Comic Sans

Asi es, hablo de las tipografías hand writing ó de escritura a mano, muy usadas para diseños grunge ó un poco informales.

Por ello hoy me esforzé por traer 7 u.u LOL!

HandVetica

Licencia: Libre

Tipo: TTF

Por: Dafont

Descarga: http://www.dafont.com/handvetica.font

FFF Tusj

Licencia: Libre

Tipo: TTF

Por: Dafont

Descarga: http://www.dafont.com/fff-tusj.font

Pointy

Licencia: Libre

Tipo: TTF & OTF

Por: Dafont

Descarga: http://www.dafont.com/pointy.font

Love Ya Like A Sister

Licencia: Libre

Tipo: TTF

Por: Dafont

Descarga: http://www.dafont.com/love-ya-like-a-sister.font

Jellyka

Licencia: Solo para fines personales

Tipo: TTF

Por: FontCubes

Descarga: http://www.fontcubes.com/Jellyka-Estryas-Handwriting.font

Pappos Blues

Licencia: Libre

Tipo: TTF

Por: Dafont

Descarga: http://www.dafont.com/font.php?file=pappos_blu[...]

Octember Script

Licencia: Libre

Tipo: TTF

Por: Dafont

Descarga: http://www.dafont.com/octember.font

Esas son todas; en el próximo FontFriday (tal vez no dentro de una semana U_U) habrá tipografías suaves para disenos frescos

Como habrán notado, ayer el sitio estuvo caído, por lo que no pude publicar el post del FontFriday

Pero hoy lo publicaré y además, con un pequeño bonus

Ya la había dicho antes, y ayer hoy tocan las tipografías pesadas, ó gordas, en inglés conocidas como heavy ó bold.

VAL

Licencia: FFF EULA

Tipo: OTF

Por: FontFabric

Descarga: http://fontfabric.com/?p=585

MOO!

Licencia: Libre

Tipo: OTF

Por: Fábio Duarte Martins

Descarga: http://loligovulgaris.com/?p=290

Disco Deck

Licencia: Libre

Tipo: TTF

Por: Dafont

Descarga: http://www.dafont.com/font.php?file=disco_deck

Clipper

Licencia: Libre

Tipo: OTF & TTF

Por: Dominic Le-hair

Descarga: http://imjustcreative.com/clipper-font-exclusive-free-download/

Spokes

Licencia: Libre no fines comerciales

Tipo: TTF

Por: Jesse Burgheimer

Descarga: http://down10.com/fonts/spokes.html

Bonus: 3 tipografías para comprar

Lo siento por quienes no puedan comprarlas pero aquí les dejo 3 tipografías más que son muy buenas, sin embargo tienen precio:

Portal Black ($19 USD | Familia $32 USD)

Comprar en MyFonts

Fatbrass ($29 USD | Familia $49 USD)

Comprar en MyFonts

Clou ($29 USD | Familia $49 USD)

Comprar en MyFonts

En esta ocasión veremos una pequeña recopilación de aquellas tipografías que por su sencilles y ligero peso se ven tan elegantes.

Como siempre serán gratuitas y de alta calidad no creo que sea necesario incluir eso en el título

Geo Sans Light

Licencia: Libre

Tipo: TTF

Por: Dafont

Descarga: http://www.dafont.com/font.php?file=geo_sans_light[...]

Steiner

Licencia: Libre

Tipo: TTF

Por: Dafont

Descarga: http://www.dafont.com/font.php?file=steiner[...]

Mank Sans

Licencia: Libre

Tipo: TTF

Por: Dafont

Descarga: http://www.dafont.com/font.php?file=mank_sans[...]

Yanone Kaffeesatz (Thin)

Licencia: Creative Commons

Tipo: TTF & OTF

Por: Yanone

Descarga: http://www.yanone.de/typedesign/kaffeesatz/

Existence Light

Licencia: Libre

Tipo: TTF & OTF

Por: Dafont

Descarga: http://www.dafont.com/font.php?file=existence[...]

En el próximo FontFriday veremos tipografías  pesadas así que esten pendientes

Hoy nace una nueva sección en el blog, el FontFriday, inspirado en el FollowFriday que hacemos los usuarios de Twitter

En ella publicaré los Viernes algunas tipografías que sean gratuitas y de alta calidad de algún estilo en específico; y hoy veremos la tipografía pixeleade ó de pixeles, muy usada en diseños de sitios web en Flash y para letras pequeñas que queremos mostrar claramente sin perder el estilo

Acknowledge TT BRK

Licencia: Libre

Tamaño base: 14px

Tipo: TTF

Por: FontStock

Descarga: http://www.fontstock.net/15084/acknowledge-tt–brk-.html

PF Tempesta Five

Licencia: Libre

Tamaño base: 8px

Tipo: TTF

Por: pinvoke

Descarga: http://www.pinvoke.com/font/

PF Tempesta Seven

Licencia: Libre

Tamaño base: 8px

Tipo: TTF

Por: pinvoke

Descarga: http://www.pinvoke.com/font/

PF Ronda Seven

Licencia: Libre

Tamaño base: 8px

Tipo: TTF

Por: pinvoke

Descarga: http://www.pinvoke.com/font/

PF Arma Five

Licencia: Libre

Tamaño base: 8px

Tipo: TTF

Por: pinvoke

Descarga: http://www.pinvoke.com/font/

Tanto si eres diseñador o no, estarás de acuerdo en que encontrar tipografías elegantes gratuitas cada vez es más difícil, puesto que sitios web que dicen tener toda variedad de fuentes no tienen las elegantes, sino puros diseños de lo más asquerosos, ¡pues un solo caracter parece una fotografía!

Las tipografías son eso, letras, que comunmente se pueden trazar con una sola línea, el problema de las tipografías es que están haciendose muy exageradas.

Pero en el blog de Web Air publicaron una lista de 70 tipografías gratuitas “high quality”, que lo podríamos traducir como “elegantes” ó “alta calidad”.

Una de mis favoritas ha sido “HVD Comic Serif”, que manda al basurero la miserable “Comic Sans Serif”, y la convierte en una con serifa (Serif).

HVD Comic Serif

Es indispensable tenerlas instaladas, asi que empieza ya:
Lee el artículo original con los enlaces hacia los archivos

Vía | elWebmaster