La tipografía con el paso del tiempo ha ido siendo más importante en el diseño de un sitio web. Por eso es necesario disponer de muchas tipografías gratuitas para elegir, además de herramientas, con las que podremos hacer el trabajo mucho más rápido y sencillo. En esta entrada os mostraré las mejores herramientas de tipografía para diseñadores web. La mayoría son gratuitas, espero que os simplifiquen el trabajo.
CSS Type Set
CSS Type Set te permite visualizar e interactuar con el estilo de la tipografía y generar el código CSS.
Typetester
Typetester es una aplicación online para comparar distintas fuentes en la misma ventana. Esto hace el trabajo del diseñador web mucho más sencillo. La lista de las fuentes comunes a los sistemas operativos se va actualizando con el paso del tiempo.
Typechart
Con Typechart podrás comparar y previsualizar tipografías web y obtener su respectivo código CSS.
WhatTheFont te permite escanear dentro de una página o identificar, mediante una dirección, la fuente que se está mostrando.
Fontstruct
Con FontStruct podrás construir tipografías rápidamente y de forma sencilla mediante recuadros geométricos ubicados dentro de una cuadrícula.
Baseline Rhythm Calculator
Baseline Rhythm Calculator genera el código CSS de un tamaño de fuente y line-height especificado por el usuario.
PXtoEM
PXtoEM es una calculadora que convierte píxeles, em’s, puntos y porcentajes.
Font Burner
Font Burner te muestra un simple bloque de código para insertar en tu sitio web con el que podrás transformar encabezados de aburridos sistemas de fuentes a algunos de sus sistemas de calidad provistos en su sitio.
TypeNavigator
TypeNavigator es uno de los mejores buscadores interactivos de tipografías.
Font Tester
Font Tester es una herramienta online gratuita que te permitirá previsualizar y comparar distintas fuentes de forma fácil con la posibilidad de comparar los estilos aplicados a ellas.
Flipping Typical
Flipping Typical te permite introducir un texto y previsualizarlo con muchas fuentes distintas en la misma ventana.
Identifont
Identifont identifica un tipo de letra desde un ejemplo contestando a una serie de preguntas.
STC FontBrowser
STC FontBrowser previsualiza todas las fuentes activas en tu ordenador.
Convert TrueType Font to Sifr Flash File
Convierte fuentes TrueType a Sifr (más información sobre el formato Sifr). El archivo se enviará por email.
Vía | WDL
Puedes recibir gratis más artículos por RSS, Twitter, Facebook o correo electrónico. ¡Muchas gracias por leerme!
40 plantillas CSS y XHTML gratis y de alta calidad »
28 tutoriales de poderosos efectos de luz con Photoshop »
100 bonitas y variadas texturas gratis »
104 tipografías gratis para diseñar sitios y logotipos »
Pack de +100.000 tipografías gratis »
Hoja de ayuda sobre la especificidad CSS »
Los 50 mejores iconos del 2008 »
Varios logotipos interesantes creados con CSS »
Excelentes diseños de logos minimalistas »
Speaky (4)
Erik (3)
Gustavo (3)
Marco (3)
@chifliiiii (2)
beastieux (2)
Boda (2)
drakkar (2)
Gil Peñaloza (2)
niconectado (2)
. My recent post Pack de 100000 tipografías...
Por ahora hay 9 comentarios ¿Quieres opinar?
Muchas gracias por la clasificación, es muy interesante saber que estas funciones están en la nube.
Hola, estube viendo whats font, porque estoy buscando alguna herramienta que me ayude a identificar que fuente y con que atributos, es usada en cualquier sitio. El tema es que en esa página te permite identificar una tipografía por medio de una imágen, no identifica el código css aplicado a un párrafo por ejemplo.
Muchas Gracias por el post, excelente!
Quiero compartir también. En mi busqueda dí con un complemento fantástico para Firefox, Font Finder. Excelente juguete para saber todos los atributos de cualquier texto con css. Seleccionas, botón derecho, Font Finder. Listo! Justo lo que buscaba.
https://addons.mozilla.org/es-ES/firefox/addon/4415
Un abrazo, espero que les sirva también.
¿Para qué sirve el último? Me ha dejado intrigado lo del flash.
Por lo demás, excelente recopilación de herramientas. Esta entrada va directa a mis marcadores para futuras referencias.
Un saludo.
@José GDF convierte fuentes con formato TrueType a formato Sifr. Aquí tienes más información sobre el formato Sifr (enlace externo): http://www.mikeindustries.com/blog/sifr/
También te recomiendo leer estas entradas:
http://www.cssblog.es/font-face-inserta-cualquier-tipografia-en-tu-sitio-web/
http://www.cssblog.es/sintaxis-de-font-face/
Un saludo.
@FontFace ya lo intenté hacer funcionar, con tus propias instrucciones, y sólo me ha funcionado en Opera (imagino que en IE también, pero como uso Ubuntu, no tengo acceso a ese navegador). No me funcionó en FireFox 3.5, que se supone que ya lo soporta.
También intenté un invento llamado TypeFace, que convierte fuentes en scripts, que luego renderizan los textos en imágenes, pero no funcionaba siempre con Opera.
Sin embargo, he abierto la página de pruebas de sIFR con Firefox y Opera, y parece que sí funciona a la perfección. Incluso con el Chrome para Linux, con el flash recién implementado, también va. Parece mi solución para los encabezados de los posts del nuevo diseño de mi blog personal.
Al menos hasta que todos los navegadores soporten plenamente @fontface, ¿verdad?
Muchas gracias por tu información.
[...] recopilación de la que se han hecho eco los chicos de CSSBlog, haciendo una buena traducción de Web Design Ledger. La verdad es que la tipografía a la hora de [...]
@José GDF cuando todos los navegadores soporten la propiedad @font-face, efectivamente todo esto resultará mucho más cómodo y sencillo.
Un saludo.
[...] Excerpt from: 14 mejores herramientas de tipografía para diseñadores web | CSSBlog ES [...]