Bromas a parte, ha existido un abuso de proporciones inimaginables con la tipografía Comic Sans, la he visto en infinidad de tarjetas de visitas, en los logotipos de algunas empresas, en miles de powerpoints desde los más infantiles que proclaman el descomunal amor que algunos profesan a sus gatos a powers de esos que quitan el frío y animan el alma y lo de más abajo del alma, en fin que menos en un entierro me he encontrado a esta fuente en todos los lados.

A todos estos artistas de la Comic Sans va dedicada la siguiente obra, Comic Sans Criminal porque vosotros le habéis dado sepultura.

http://www.comicsanscriminal.com/

Páginas relacionadas con este artículo:

1. Web fonts
2. Tipografías grunge
3. Anatomía de una tipografía

Hoy vamos a jugar un poquito con las fantanbulosas webfonts de Mr. Google

¿Qué que son las webfonts?

Eso se lo preguntas a Google. http://code.google.com/apis/webfonts/

¿Cómo funcionan?

Para usarlas debes incluir cada fuente tipografía webfont que quieras usar en la sección header del HTML con un:

<link href="http://fonts.googleapis.com/css?family=Orbitron:bold&subset=latin" rel="stylesheet" type="text/css">

Luego en la hoja de estilo de tu página la debes definir, recuerda también tirar de segundas opciones, tal como lo reflejamos aquí, aria o cualquier tipografía “serif” esto es más que nada porque hay navegadores viejos o paratos como el iPad on iOS 3.x a los que se le atragantan las Webfonts.

font-family: 'Orbitron', arial, serif;

¿Dónde previsualizarlas?

Supongo que como a mi, te interesa ver de forma rápida que fuentes hay por la red, que pinta hacen y tal para poderlas meter en tu página o blog, pues bien los chicos y chicas de Google te las muestran en la siguiente dirección:

http://code.google.com/webfonts

¿Dónde comparar las Google Fonts?

Como el visualizador de Google es quizá demasiado escueto te recomendamos otro que está algo mejor, no mucho, pero algo es algo dijo un geek cuando se encontró un byte en la sopa…

http://www.fontcomparer.com/

¿Donde estamos usando ya webfonts?

Nosotros hemos empezado a incorporarlas en un proyecto en el que estamos trabajando basado en ecOOmmerce.com nuestro software de tiendas virtuales.

Páginas relacionadas con este artículo:

1. Recursos en HTML5 y CSS3
2. Compilador JavaScript de Google
3. Google Native Client

Navegando hace unos días me topé con una web donde se listaban algunas, aunque pocas, de estas tipografías modernas especiales para visualización en web que corren libremente por la red, también se llaman Webfonts y son especialmente útiles para titulares y headers de la web, luego a lo seguro, Arialitas y verdanitas.

El listado y los enlaces los puedes ver en: http://www.goodwebfonts.com/

Aunque de todas las encontradas en esta web me quedo con la PT Sans, una familia de fuentes clara y sin apenas serif, quizá es este el máximo serif que yo soy capaz de aceptar sin arrugar el labio y decir aquello de no me gusta!. Mi elección es entonces esta fuente chula, vosotros dadle un vistazo a todas.

El enlace directo para la descarga de la fuente PT Sans lo tienes aquí (descarga directa desde la página que el hosting está muy caro): Tipografía moderna para Web PT Sans (54)

Me ha parecido leer que la licencia es “comercial” lo que no se que significa cuando tiene un precio de 0 euros.

Y el de la documentación con toda la verborrea  sobre esta interesante tipografía aquí: http://www.paratype.com/public/

Páginas relacionadas con este artículo:

1. 6 fuentes Pixel Fonts gratis
2. Alguien lo tenia que decir
3. Banderas de países en formato icono

Anonymous Pro es una tipografía o fuente de letra especialmente diseñada para programadores, así que si tú, de verdad lo eres, a que esperar para downladear esta maravillosa tipografía que hará que tus ojos estén siempre algo más descansados aunque te pases del tirón 10 horas delante del código… ejém, todavía no la hemos probado pero prometemos hacerlo en breve, para los más valiente, para los que les gusta ir de trans convertidos en conejillas del sudoeste de asia, es decir, los conejillas de indias, aquí la teneis: Tipografía para programadores (78)

Páginas relacionadas con este artículo:

1. Motor para videojuegos bajo HTML5 y JavaScript
2. Anatomía de una tipografía
3. Los lenguajes de programación más conocidos

La imagen superior, que se amplía al pulsar sobre ella hasta unos considerales 1920 x 1200 pixelazos, se trata de un póster donde se muestran casi todos los conceptos inherentes al diseño de tipos de letra, tipografías o fuentes.

No es un compendio para clasificar las fuentes atendiendo a su tipología o mensaje, es un descriptor de la física de cada letra, de los rasgos que la conforman.

El póster se encuentra en inglés pero esto no debe ser un handicap. Gracias a él refrescaremos la palabrería utilizada en diseño para describir a una fuente, desde los conceptos como centro óptico, linea base, vértice. bowls, etc. Si te la imprimes o la utilizas de escritorio, aprenderás a hablar como un auténtico diseñador, es decir con tipográfica propiedad.

Páginas relacionadas con este artículo:

1. Tipografía para programación
2. Material para crear fondos de pantalla
3. Tipografías grunge

Font Ronda Seven Bold

Font Ronda Seven Normal

Font Nokia Cellphone

Font Minimal 5

Font Large 9

Font Apple

Tras varios días sin postear por falta de tiempo, ya que estamos en plena entrega de un proyecto bajo nuestro sistema de comercio electrónico ecOOmmerce.com hoy os traemos el primero de los nuevos post, algo sencillo pero a veces útiles en los días que corren donde quizá ya existe un exceso de tipografías Grunge y se comienza a añorar lo retro, el bello pixel, así que hemos recopilado para tí nuestra pixel fonts favoritas en un sólo archivo zip listo para descargarar e instalar.

Estas fuentes pueden ser utilizadas en cualquier tipo de diseño donde lo retro mande, también se pueden utilizar de forma perfecta bajo Flash, sí, Flash algo que muere o que muchos quieren hacer morir y que visto lo visto, si Adobe no espabila y abre rápidamente su código va a apearse de internet en pocos años, prometo un post al respecto, “Una red sin Flashes”.

Las tipografías tipo píxel están especialmente diseñadas para trabajar en tamaños de 8 16 32 64 y sus múltiplos hacia arriba para que se muestren perfectamente definidas sin desenfoque alguno en sus bordes. Por ello son perfectas para aplicaciones web como bajo textos de iconos donde se precisan tipografías ultralimpias que sean perfectamente visibles a pequeños tamaños (8).

Todas las tipografías tipo pixel que incluímos son totalmente gratuitas por lo que puedes utilizarlas allá donde te apetezca.

Descargar Pixel Fonts: Pixel fonts (176)

Páginas relacionadas con este artículo:

1. Web fonts
2. Programas gratis alternativos
3. Tipografías grunge

Haberlas haylas puñado por la red, selecciones de 10 20 40 incluso más nosotros hemos escogido doce de las mejores para ti de un buen puñado de fuentes.

La tipografías se encuentran en su mayoría en formato TrueType Font o TTF son compatibles con Linux, Mac OSX y el otro. Te mostramos captura sacada del instalador de fuentes que incorpora Ubuntu si presionas sobre cada captura esta debería ampliarse para que la puedas apreciar. Al final del post tienes el enlace para descargarlas.

Tipografía Killed DJ

Tipografía 28 days Later

Tipografía Pistol Grip

Tipografía Hard Rock

Esta personalmente me encanta.

Tipografía SideWalk

Tipografía Magecito

Tipografía Acid Label

Quizá con permiso de la fuente Hard Rock esta Acid Label es la mejor, ¿o no?

Tipografía AthleticTown

Tipografía Maenan 2

Esta está bien aunque no emociana, quizá la más flojilla de nuestro grunge pack… y además no tiene acentos.

Tipografía Typerighter old

Esta emula una máquina de escribir antigua y oxidada, muy  muy Resident Evil.

Tipografía Tiza

Por último una interesante tipografía, Tiza que como dice su nombre emula el efecto de tiza.

Puedes descargarlas pegando un clickazo aquí: Pack fuentes Grunge (291)

Ala a diseñar ese logo estilo grunge que te rondaba por la cabeza, con este pack… ¡ya no hay escusas!

Páginas relacionadas con este artículo:

1. Anatomía de una tipografía
2. Archivo PSD con tema Grunge para WordPress
3. Web fonts