blogoff

Si el mes pasado veíamos algunos fundamentos del uso de tipografías hoy daremos una vuelta por 7 aplicaciones on-line para todos los públicos que pueden facilitar nuestra tarea de selección de fuentes y estilos para sitios web.

1. Typetester

(click para ampliar)

Este existoso sitio para comparar estilos ha sido muy citado últimamente. Destaca por su sencillez, versatilidad y claridad. Se seleccionan las propiedades; fuente, tamaño, color etc. para cada una de las tres columnas de texto y debajo se va viendo el resultado repartido en varios párrafos, cada uno a su vez con una propiedad distinta: fuente normal, negrita, curisva, negrita + curisva etc. El texto de ejemplo (sample text) puede cambiarse en la caja superior.

En la sección resources, arriba a la derecha, se incluye una estupenda lista de enlaces a sitios y recursos sobre tipografía.

• typetester.maratz.com

2. CSSTYPE

(click para ampliar)

Otro test visual que genera código CSS desde una interfaz en la que puedes ver 6 párrafos de texto editable cada uno con una diferente propiedad aplicada; normal, negrita, curisiva, negrita+cursiva, todo mayúsculas o todo minúsculas.

En la columna de la izquierda se cambian otros aspectos de estilo como son; fuente, color, tamaño, fondo, decoración de texto, anchura de parrafo, espacio entre palabras, margen interior, altura de línea, sangría de la primera linea, interletraje, texto del botón y alineación.

Una vez que estamos conformes con el resultado pulsamos en CSS y obtenemos el código completo del párrafo.

• csstype.com

3. Font Tester

(click para ampliar)

Un tercer testeador de estilos, similar a Typetester, con muchas opciones para probar y comparar en una, dos o tres columnas segun seleccionemos en View y pulsando en Edit para aplicar dichas opciones a la columna deseada. A partir de ahí obtenemos el codigo CSS pulsando en [Get CSS Code] sobre la columna elegida. Este sitio aporta un diseño elástico y el mapa de caracteres a la mano en el que podemos consultar el código html de signos especiales y letras.

• www.fonttester.com

4. WhatTheFont?

(click para ampliar)

MyFonts.com es una web donde puedes encontrar y comprar tipografías y dentro de ella WhatTheFont? es una utlidad que identifica una fuente a partir de una imagen GIF, JPEG, TIFF, BMP que se sube desde nuestro odenador pulsando Browse junto al campo Local File, o se enlaza mediante la URL.

Para realizar la identifiacion pulsamos en Upload Image y nos pedirá verificación letra a letra del texto que aparece en nuestra imagen. Los resultados no son espectaculares, a veces no acierta con la fuente, la lista de tipografías es inabarcable pero aún así puede proponernos otras fuentes similares.

• www.myfonts.com/WhatTheFont

5. Identifont

(click para ampliar)

Aquí tenemos otro buscador e identificador de fuentes por nombre de la fuente o bien por las características que el usuario define en un formulario de varios pasos. Al igual que en el sitio anterior, la herramienta nos sirve casi más para encontrar tipos de letra similares o en la línea de una determinada.

• www.identifont.com

6. BitFontMaker

(click para ampliar)

Diseñador on-line de tipografías letra a letra. La interfaz es muy facil de usar, se va pulsando en cada caracter y se dibuja en la cuadricula. Podemos partir de un ejemplo, pulsando en SAMPLE y desde ahí editar el dibujo. Despues pulsamos en Create Font y podemos descargar el archivo ttf de nuestra tipografía. No permite afinar mucho en cuanto al dibujado pero como aproximación al diseño de tipografías está muy bien.

• www.pentacom.jp/soft/ex/font/edit_canvas.html

7. Loren Ipsum

Después de ver estas herramientas tal vez te preguntes porqué la mayoría de ellas usan un texto en latín: Lorem ipsum dolor sit amet, consectetur adipisicing elit… Lorem Ipsum es un pasaje modificado de una obra de Cicerón, De finibus bonorum et malorum (Sobre los límites del bien y del mal) que se viene usando en diseño e imprenta desde tiempos inmemoriales para hacer pruebas y demostraciones con tipografías.

Si estás diseñando una web y necesitas texto falso puedes ir a uno de esos generadores de Loren Ipsum que te proporcionará tantos párrafos como necesites:

• www.lipsum.com
• www.loren-ipsum.info (en español)

• Tipografía en castellano: Unos tipos duros
• PlanetTypography
• Fuentes gratis: Top 500
• Foro de Tipopgrafía en Foros del web