Alejandra 12 de diciembre de 2007 a las 12.24
   Imprimir artículo
elWebmaster.com

Todo sobre las fuentes píxel


Muchas de las fuentes que almacenas en tu computadora fueron dise√Īadas para impresos y no para la web. El principal problema de estas fuentes es cuando se las utiliza en tama√Īos reducidos. Cuando la fuente es peque√Īa comienza a ser muy dif√≠cil la lectura, incluso con el recurso de anti-alising. Para eso existen las fuentes p√≠xel, que s√≠ est√°n pensadas para la aplicaci√≥n web y resuelven estos problemas. Conoce de qu√© se trata y d√≥nde puedes descargar fuentes gratis.

Limitaciones

Aunque estas fuentes p√≠xel fueron pensadas para la computadora, tambi√©n tienen limitaciones de tama√Īo, ya que generalmente no se pueden escalar y deben utilizarse en el tama√Īo original.

Elige una fuente píxel

En el sitio de Joe Gillespie, minifonts.com encontrarás una gran colección de fuentes píxels. Una de sus creaciones, la Mini 7, es considerada hoy en día la fuente píxel más popular para la web.

Fuentes píxel en acción

Las fuentes p√≠xel son geniales para las capturas de pantalla y esto es principalmente porque permite capturar mucho texto en un espacio peque√Īo. Se podr√≠a decir que las fuentes p√≠xel son, en este sentido, muy rendidoras. Tambi√©n son excelentes para interfaces gr√°ficas y elementos como botones y solapas.

Guía para utilizar las fuentes píxel

Sigue está guía (de minifonts.com) para evitar los problemas más comunes de las fuentes píxels:

  • Las fuentes p√≠xel deber√≠an utilizarse bajo una resoluci√≥n de 72 ppi.
  • No se deben usar con anti-aliasing.
  • El tama√Īo de la fuente debe ser el original que ha impuesto el dise√Īador, o al menos un m√ļltiplo de ese n√ļmero. Encontrar√°s esa medida en el archivo ReadMe.
  • El tracking y el kerning, o el espacio entre caracteres, deber√≠a setearse en cero y el ancho de los caracteres en 100%.
  • Siempre especifica el tama√Īo de las fuentes en p√≠xeles, no en puntos. Una fuente de 10 p√≠xeles no siempre es equivalente a una de 10 puntos. Cambia la configuraci√≥n de la fuente a p√≠xeles y la resoluci√≥n de tu trabajo en 72 ppi (pixels per inch).
  • No utilices el estilo de p√°rrafo centrado. Esto puede generar un desfasaje en el dise√Īo y errores con los p√≠xeles. Alinea el texto a la izquierda y maneja el centrado con el p√°rrafo completo.

Fuentes píxel gratis

  • DaFont.com: DaFont.com tiene muchas fuentes p√≠xel excelentes. S√≥lo debes buscar (en la parte superior derecha de la pantalla) la palabra “pixel” para encontrarte con el listado de fuentes.
  • 04: En la p√°gina principal haz clic en “extra” para ver las “bitmap font” y “font ps.tt”, que puedes descargar gratis. Es una muy buena colecci√≥n de fuentes p√≠xel.
  • Wanted Fonts: Muchas fuentes gratuitas. Encuentra la categor√≠a “pixelated” en la parte izquierda del home y busca dentro de la colecci√≥n.
  • HighFonts.com: Otro sitio con una gran colecci√≥n de fuentes que puedes descargar gratis.
  • Silkscreen – Free Pixel Font: Silkscreen es una familia tipogr√°fica con cuatro ejemplares para gr√°ficos web creada por Jason Kottke. Est√° disponible tanto para Mac como para Windows.
  • MiniFonts.com: En el sitio de Joe Gillespie podr√°s deslumbrarte con las fuentes que tiene a la venta (m√°s de 200), o puedes probar las pruebas para testeo. Tambi√©n encontrar√°s consejos y tips para el uso de fuentes p√≠xel.
  • Orgdot open source: 18 fuentes muy buenas, listas para descargar gratis.

Inspiración

Si tienes curiosidad de cu√°n lejos puedes llevar el “estilo pixel”, visita Kaliber 10000 (The Designers’ Lunchbox). ¬°Eso s√≠ que es un sitio pixelado!

Fuente: PhotoshopSupport.com


Enviar a Del.icio.us Enviar a Meneame Enviar a Digg Enviar a Fresqui Enviar a Enchilame

Comentarios (4)

  1. JOSE LUIS CASTRO dice:

    se me hace interesante todos sus articulos, ademas me gustaria que pusieran tambien algo de ciencia

  2. JOSE LUIS CASTRO dice:

    felicitaciones

  3. miranda dice:

    No me funcionooo

  4. Alejandra dice:

    No entiendo. ¬ŅQu√© es lo que no funcion√≥?

Deja tu opinión

© 2007 - 2008 elWebmaster.com | Powered by Wordpress | Diseño CSS y XHTML válido. | Algunos íconos basados en FamFamFam Mini
Acceder