Gloobtech!

Uno de los más grandes problemas que se nos dan a la hora de adaptar un diseño web, es que no sabemos qué fuente podemos usar que se vea bien con el diseño, y que además de esto se vea bien en los distintos sistemas operativos para que los usuarios puedan ver la pagina como debe de ser.

Typechart es una página web en la que nosotros podremos ver cientos de formas para colocar una fuente tipográfica en una página web, una vez que elegimos la que nos gusta podremos darle clic para que nos muestre tal cual el código CSS que debemos usar, y si queremos, colocarlo así, o modificarle algunas cosas, como el color, el tamaño o algún que otro efecto.

Con Typechart también podremos ver si se verá correctamente en todos los navegadores y qué es necesario para que se vea. Para esto usan una simbología sencilla de entender: Los que tienen un ^ al lado del título quiere decir que se verá únicamente en Sistemas Windows. Si vemos un * (asterisco) al lado del nombre, quiere decir que solo usuarios con Office 07/08 instalado lo podrán ver correctamente. Si vemos una † entonces eso lo traducimos como que solamente sobre sistemas Mac se verá correctamente. Los que no tienen ningún símbolo a la derecha del nombre se verá sin problemas bajo cualquier sistema.

Para obtener el código CSS tendremos que darle al botón que está hasta la derecha del bloque de texto que dice “Get CSS”, una vez que le damos clic saldrá el código que nosotros tenemos que copiar y pegar en nuestra hoja de estilos para que la podamos aplicar a nuestro diseño web.

Esta herramienta es realmente útil, la verdad es que a mí me ha ayudado bastante con los diseños y además de que es 100% gratuita.

Enlace | Typechart.