16 tipografías Web estándares para usar con CSS

En el artículo 16 Gorgeous Web Safe Fonts To Use With CSS, de WebDesignDev, nos dejan una curiosa selección en una lista de 16 tipografía Web estándar, que serán visibles en la mayoría de los sistemas operativos (Windows, Mac, Linux, etc.) y que podemos usar en nuestros estilos CSS.

Junto con cada tipo de letra nos dejan una vista preliminar de lo que será el resultado, junto al código CSS en bruto, que puedes copiar y pegar directamente en tu propia hoja de estilos para utilizar dicha tipografía. De ese modo podemos saber como se verán los tipos de letras en el navegador antes de escribir una sola línea del código CSS.

Estos tipos de letras fueron hasta el momento las básicas para la web, pero Microsoft, junto a Windows Vista, lanzó 6 nuevos tipos de letras y las dejó al alcance de todos aquellos que quieran hacer uso de ellas. Las fuentes son las siguientes y las puedes encontrar en Windows Vista: Cambria, Consolas, Calibri, Constantia, Candara y Corbel. Puedes ver un muestrario (PDF 685k) de dichos tipos de letras.

Otras tipografías de Vista, como Nyala o Segoe no están disponibles legalmente para ser utilizadas por personas que no sean usuarios del Vista. Para todos aquellos usuarios de XP u otra versión que quieran hacer uso de estas fuentes, se tienen que descargar el Microsoft™ PowerPoint Viewer, el cual instalará en el sistema estos nuevos tipos de letras. Más información (en inglés) en Hunlock. En la siguiente figura tienes una comparativa entre los diferentes tipos de letras de los tres sistemas:

Escrito por Toni

Comparte este artículo:

Estas son las categorías a las que pertenece el artículo 16 tipografías Web estándares para usar con CSS :

Tipografía, Desarrollo web, CSS

Insertar un Comentario

Programas Relacionados

A-PDF Page Turner (Flip PDF)

DBForms Access to PHP/MySQL

NexusFont

Alligator Flash Designer

Google Chrome

Comentarios

Jean Hernández el 12/09/2010 a las 16:19:50

Buen artículo, sencillo y conciso, solo tengo una observación: hay una parte donde dice "Más información (en inglós)", creo que debería decir "Más información (en inglés)", si quieres borra el comentario, la intensión no es desacreditar sino agregar calidad al contenido que publicas, a mi también me pasa.

Cosassencillas el 13/09/2010 a las 09:05:30

Gracias por el detalle, lo he corregido, y además he publicado tu comentario, así que quede constancia y lo tenga presente para otra ocasión.