¿Quieres registrarte?

Probar varias tipografías y fuentes Typetester

Por: rsibaja + 1 de Octubre del 2005

Navegando entre los blogs a los que estoy suscrito, me enteré de una nueva herramienta online para diseñadores (y porque no, también para desarrolladores) llamada Typetester. Según la definición que nos da el creador de esta aplicación; Typetester es una aplicación en línea, para la comparación de tipos de letras en pantalla. Su papel principal es hacerle la vida fácil a los diseñadores web, como de mostrar los tipos de letras de los distintos sistemas operativos

Entonces tenemos una aplicación web para la comparación de tipos de letras, basado en Xhtml, estilizado con CSS y manipulado por medio de Javascript, ¿Qué más queremos? Pues poner a funcionar esta belleza ¿No?

http://typetester.maratz.com/

La primera vez que ingresemos a esta aplicación a simple vista tendremos una página a pantalla completa a 3 columnas, con 3 recuadros para la manipulación y una cantidad de párrafos bastante considerable, pero después de un rato, verán que esta herramienta es mucho más fácil de utilizar de lo que parece.



En el recuadro marcado con una "a." tenemos un campo de texto donde viene por default un párrafo con nuestro querido amigo Lorem Ipsum o bien esta la posibilidad de introducir el texto completo que deseamos comparar.

En la sección "b." tenemos el recuadro de herramientas. Que en primer lugar nos muestra dos menús desplegables el primero con los tipos de letras mas comunes separadas en sub-partes (Safe List, Pc Default, Mac default) y el segundo menú desplegable nos ofrece la opción de compararlo con los tipos de letras instalados en nuestro ordenador, pero cuidado con esta opción: recuerde que no todas las personas tienen nuestras mismas fuentes.

Continuando en la sección "b." luego de ver los menús desplegables, nos encontramos con otras configuraciones para nuestras fuentes, como lo son: el tamaño, alineamiento, espaciado, color, decoración entre otros (creo que esto no hay mucho de que hablar, todos hemos usado Word alguna vez ¿no?).

Y por último pero no menos importante, nos encontramos con la sección que he denominado "c.". Acá serán mostrados los resultados con todas sus variaciones
(Es el porqué de tantos párrafos :wink: ) Como podemos ver en la siguiente imagen, los resultados son mostrados en diferentes variaciones (Regular, Italic, Bold, Bold Italic, etc)



Pero esta maravillosa herramienta no se queda ahí, porque nos da la capacidad para comparar al mismo tiempo 3 tipos de letras diferentes y lo mejor de todo es que los cambios suceden en tiempo real, no hay que estar dando ningún "refresh" ó clickear ningún botón de "submit" (a eso le llamo lograr un flujo de trabajo constante)

Lo mejor para lo último

He reservado lo mejor para lo ultimo y se que ha muchos les agradará esta opción tanto como a mi (sobre todo si usamos estándares :roll: ). Si nos trasladamos a la sección "tools" (ver imagen) nos encontramos de entre las diferentes opciones, la posibilidad de obtener la hoja de estilos que resulte de nuestras modificaciones (así es de cada una de las columnas)



Así pues, acá les dejo esta pequeña presentación de esta poderosa herramienta creada por Marko Dugonjić. No crean que fui pagado para anunciar esta aplicación, sino mas bien considero que es un excelente aporte que todos debemos conocer y que mejor medio que Cristalab ¿no?.

"Diseñar no se trata de hacer cosas bonitas, sino inteligentes"

Enviar a twitter Enviar a facebook

También te interesa


Etiquetas webmasters

Comentarios | Enviar un comentario
Muy buen artículo Reyner. Te felicito.
Realmente el Typetester constituye una herramienta de gran ayuda. Ciertamente, resulta muy conveniente poder comparar varios tipos de letras de forma tan sencilla.
Por: XKlibur
Pues si es un excelente aporte, y te quedó muy bien explicado ^^
Por: Zarzamora
exelente guru!! xD
Por: krolak
Gracias muchachas, son muy amables ^^
Por: rsibaja
Muchas gracias por el dato.
Es una de esas cosas que se deben tomar en cuenta.
Gracias
Por: Camuss

Reyner :

Gracias muchachas, son muy amables ^^

Y miren esa modestia!! xD
Por: NEO_JP
GGG, bastante co0l la herramienta en verdad que va a servir de ayuda ^^
Por: choco
que fue que no hay nada de bueno
Por: juan imbaquingo_blog
queru saber como colok letras diferentis nu meu nick...
=/
Por: Leticia_blog
como l puedo hacer para sacar varios tipos de letras
Por: Kenia_blog
esq necesito letras dibujadas pero aqui no las puedo encontrar.
si aguien encuentra me las puedes pasar gracias .
Por: mi-mila2_blog
hayy muxas graciass i love
Por: tu mi mundo grax x ser
quiero varuio stipos de letras y no muestran en esta pagina
Por: lady_blog
qiuero tipos de letras y en esta pagina no muestran nada que aburrida es su pagina
Por: yulie_blog
jiji que boito miau
Por: miau_blog
pos mal
Por: pancho gurnero-blog
goood boy!
Por: Paola-blog
Deja un comentario
IMPORTANTE

Recuerda ser respetuoso, no insultes a otras personas, ni uses palabrotas, hay una persona al otro lado de la pantalla.

Habla bien, NO ESCRIBAS EN MAYUSCULA TODO, no escribas como en un SMS, evita cosas como "ke", "x q" y demás abreviaciones.

Aquí funcionan las etiquetas de los foros, puedes usar [b] para negrita, [img] para las imágenes, [url] para los enlaces, etc.

Si tienes preguntas técnicas, envíalas mejor al foro.