Micaela 13 de junio de 2009 a las 09.09
   Imprimir artículo
elWebmaster.com

Las mejores 32 herramientas tipogr√°ficas de la web


fuenteEn este √ļtil art√≠culo les brindaremos todo tipo de informaci√≥n acerca de √ļtiles herramientas que los pueden ayudar a trabajar con las tipograf√≠as de sus sitios web.

Hay herramientas para que creen sus propias fuentes, para que encuentren fuentes que necesitan o desean, herramientas siFR y recursos, algunos plugins Firefox y varios relacionados con CSS. ¬ŅQu√© esperas para conocerlos?

1.TypeTester

Typetester es una aplicaci√≥n online para comparar las fuentes en la pantalla. Su rol principal es facilitar la vida del dise√Īador web. C√≥mo las fuentes nuevas est√°n atadas a los sistemas operativos, la lista de fuentes comunes se actualizar√°.

2.IdentiFont

Identifont es el mayor directorio de typefaces de Internet. Te provee de un gran n√ļmero de propiedades para ayudarte a localizar fuentes y encontrar informaci√≥n acerca de las mismas:

  • Encontrar fuentes por apariencia
  • Encontrar fuentes por nombre
  • Encontrar fuentes por similitud
  • Encontrar fuentes de s√≠mbolos e im√°genes
  • Encontrar dise√Īadores y publicadores

3.WhatTheFont (MyFonts)

Podr√°s subir una imagen de una fuente que viste y no sabes cu√°l es para encontrar la que m√°s se parece dentro de la base de datos del sitio.

4. Typophile Forum

Uno de los mejores foros relacionados con la tipograf√≠a, donde puedes encontrar informaci√≥n muy √ļtil, hacer todas las preguntas que tengas y encontrar gente con experiencia en el tema.

5. TypeNavigator

Este sitio te guiar√° a traves de distintas selecciones visuales para acercarte a la fuente de tus sue√Īos bas√°ndose en c√≥mo la recuerdas o visualizas.

typenavigator-font-toolbox

6. Better CSS Font Stacks

Una gran cantidad de fuentes geniales para tu hoja de estilos CSS, puedes bajarlas todas en este documento pdf.

7. CSS Type Set

Crea tu hoja de estilos CSS de forma online sin la necesidad de saber nada de código.

8. FontMatrix

Matriz de fuentes asociadas con los sistemas operativos Mac y Windows y los paquetes Microsoft Office y Adobe Creative Suite.

9. HTML-Ipsum

Peque√Īo sitio web con un demo de texto Ipsum en las etiquetas HTML. S√≥lo haz clic en los t√≠tulos para copiar el texto al portapapeles.

10. Microsoft Typograhpy : Fonts And Products

Aquí puedes buscar fuentes utilizadas por Microsoft en sus productos simplemente seleccionando el software en particular. También puedes obtener una lista de las fuentes que utiliza un software en particular, o por el contrario, ver cuáles aplicaciones utilizan un cierto tipo de fuente.

microsoft-font-by-profuct-toolbox

11. TypeChart

Typechart
te permite previsualizar y comparar la tipografía web mientras recuperas el CSS.

Navega a través de estilos tipográficos y compara el rendimiento de Windows (ClearType) con el de las fuentes Apple.
Cada estilo corresponde con un “style ID”, lo que te permite anotar prototipos y recuperar el css mientras codificas.

12. Lorem Ipsum

Lorem Ipsum es simplemente el texto dummy de la industria del tipeo y la impresión.

El punto de usar Lorem Ipsum es que posee una distribución más o menos normal de las letras, haciendo que sea legible.

13. PXtoEM

Conversión sencilla de PX a EM con esta herramienta online.

14. The TTFTitles WordPress Plugin

Este plugin te permite utilizar imágenes para reemplazar el título de tus posts, eliminando el problema de adivinar cuáles fuentes son las que los usuarios finales pueden llegar a tener instaladas.

15. EM Calculator

Em Calculator es una peque√Īa herramienta JavaScript que te ayuda a hacer dise√Īos CSS escalables y accesibles. Convierte el tama√Īo en pixeles a unidades relativas em, las cuales se basan en un tama√Īo de texto.

emcalculator

16. CSSType – Web Safe Typography on Screen for Pixel Perfectionists

CSSType te permite previsualizar y modificar texto con su aplicaci√≥n online. Te da la posibilidad de modificar el texto, la fuente, el color, el tama√Īo, el fondo, el espacio entre letras, el alineamiento, etc. Finalmente, puedes obtener y generar el CSS para utilizarlo.

17. Font Burner

Font Burner es una herramienta que te facilita a√Īadir nuevas fuentes a tu sitio, ya que posee un archivo de fuentes que funcionan universalmente en todos los navegadores y computadores. A√Īadiendo un simple bloque de c√≥digo en tu p√°gina web puedes transformar tus titulares de aburridas fuentes de sistema a cualquier fuente de calidad que encuentres en la web.

18. Convert TrueType Font To Sifr Flash File

Sube fuente True Type y recíbela como un archivo sifr flash en tu email.

19. Baseline Rhythm Calculator

S√≥lo tipea un tama√Īo de fuente base y una altura de l√≠nea, haz clic en el bot√≥n “Calcular” y toda la p√°gina cambiar√° de acuerdo a los datos que introdujiste. Cuando est√©s satisfecho, descarga el archivo CSS generado.

20. STC Font Browser

Esta aplicación flash te permitirá previsualizar rapidamente las fuentes activas en tu sistema.

stcfontbrowser

21. Fontifier

Fontifier te permite utilizar tu letra a mano alzada para el texto que escribes en tu computadora. Convierte una muestra escaneada de tu letra en una fuente a mano alzada que puedes utilizar en tu procesador de texto o programas gr√°ficos, como cualquier otra fuente.

22. FontStruct

FontStruct es una herramienta de construcción de fuentes gratuita que te permitirá crear tipografías rápidamente en base a formas geométricas que dispondrás de acuerdo a tu gusto en el patrón tipo parrilla que el servicio te brinda.

Una vez que hayas terminado, FontStruct genera fuentes TrueType de alta calidad listas para usar en cualquier aplicación Mac o Windows.

23. BitFontMaker

Editor de mapa de bits de fuentes online para Windows y Mac.

24. Flipping Typical

Flipping Typical es una forma de explorer las typefaces populares que tienes en tu computadora.

25. Font Tester

Font Tester es una herramienta online gratuita para comparación de fuentes. Te permite previsualizar fácilmente y comparar diferentes fuentes con varios estilos de fuente CSS aplicados en ellas. Una vez que estés satisfecho el sitio generará el código CSS necesario para reproducir esos estilos en tu sitio web.

fonttester

26. CSSTXT : Creates A Style

Es un generador de estilo CSS con texto que posee propiedades avanzadas, genera archivos css sin saber nada de codificación.

27. Font Picker

Esta simple herramienta te muestra todas las fuentes que tienes instaladas en tu computadora y te ayuda a seleccionar la mejor para el proyecto que deseas llevar a cabo.

28. Linotyle Font Finder

Si posees un conjunto limitado de letras, como en un logo o titular, ingrésalas a continuación.

Luego te harán preguntas que sólo pueden ser contestadas con las letras que especificaste.

29. abcTajpu 1.6.5 Firefox, Thunderbird Plugin

Ingresa las letras con acentos, los caracteres internacionales o símbolos en Firefox o Thunderbird, de forma sencilla utilizando un menu contextual o por macro de teclado.

30. Wordle

Wordle es un juguete para generar nubes de etiquetas en base a texto que t√ļ brindas. Puedes darle formato a tu nube con diferentes fuentes, disposiciones y esquemas de colores. Una vez finalizada la nube se generar√° una imagen que podr√°s usar como prefieras.

wordle

31. FontFinder

Obtén todos los estilos CSS del texto seleccionado en Firefox / Thunderbird.

32. Copy Plain Text – Copies text without formatting

¬ŅAlguna vez copiaste algo a Thunderbird u Office y te molesto que el formato del texto tambi√©n se copiara? Esta extensi√≥n te permite copiar el texto sin formato.

Fuente: 1st WebDesigner


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

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