Algunos tipos de letras que posiblemente no emplees con CSS

Por Toni | Comentarios ( 4 ) | Trackbacks ( 0 )

El CSS nos ha traído muchas capacidades a la Web en términos tipográficos, pero parece ser que siempre esta limitada los mismos tipos de letra, unos 4-5 como mucho. Hay un problema detrás de todo esto, si el tipo de letra que has seleccionado para diseñar una página Web no la tiene el usuario en su ordenador, es sustituida por otra de manera automática, que tiene predeterminada el navegador. Los diseñadores y desarrolladores, se curan en salud y terminan colocando una tipografía que pueda ser visualizada por la mayoría de los sistemas. Por eso la mayoría de las páginas utilizan Arial, Helvetica, o Georgia como sus tipos de letra estándar para hacer más llevadero el tema (dale un vistazo al siguiente artículo 16 Best-Loved Font Bits In Web Design).

En el artículo titulado Fuentes Comunes Mac y Windows, comentan que debemos preguntarnos al crear un sitio web, sobre la tipografía que emplean al otro lado de nuestro ordenador. En dicho artículo se puede ver un ejemplo de tipos de letras que funcionan tanto en el entorno Mac como en Windows. Pues como ya he mencionado no todos los tipos que tenemos en nuestro sistema funcionarán en Internet, por ese motivo se tienen que escoger las que son comunes en la mayoría de los sistemas. Puedes ver una descricción de esos tipos de letra en Common fonts to all versions of Windows & Mac equivalents

En el presente artículo, se reúnen 8 tipos de letra de tipo general con los que poder obtener buenos resultados y así cambiar un poco, con respecto a los que se usan siempre. Disponemos de bastantes tipos de letra de alta calidad y no tenemos porqué utilizar los de siempre. Está basado en 8 fonts you probably don’t use in css, but should (de 3point7desingns), donde han realizado una lista de tipos de letras que tal vez deberías y podríamos utilizar en nuestros diseños y hojas de estilo, siempre que sea de nuestro gusto, claro está. Las cifras en porcentaje indican su presencia en Windows y en Mac:

Es un buen tipo de letra de tipo serif (con remate), que tiene buen apoyo tanto para Mac como en Windows. Sin embargo, muy pocas personas lo utilizan por defecto y en su lugar emplean Georgia o Times. Si por defecto ponemos este tipo de letra, en el caso que un usuario no la tuviese se podían poner como tipo sustitutorio Georgia, Times, etc. (Presencia en: WINDOWS 97.09% / MAC 78.86%).

No es una de las letras favoritas, pero en muchos casos se podría ser utilizado de manera efectiva, aunque algunos no se acostumbren a ella. Siempre podemos disponer de la Arial o Helvetica si la máquina no tiene instalado Tahoma. (Presencia en: WINDOWS 96.09% / MAC 72.02%).

Es una letra que estaría de más en Web no relacionadas con el diseño. Pero se trata de uno de los tipos “más frescos” instalados por defecto en la mayoría de máquinas. La podemos utilizar y funcionaría muy bien en un muntón de lugares y funciona muy bien en los titulares. (Presencia en: WINDOWS 95.85% / MAC 88.08%).

Es un tipo de letra elegante que se abusa desde hace algún tiempo por los diseñadores gráficos, pero luego fue como repudiada por otro tiempo. No está muy presente en el entrono Mac, aunque creo que está instalada en los nuevos Mac. Independientemente del objetovo que tengamos en un diseño, podría ser la fuente ideal. para su uso. Si te preocupa el bajo apoyo que tiene en Mac, puedes optar por la letra Futura. (Presencia en: WINDOWS 85.44% / MAC 42.50%).

Sin lugar a dudas es una buena letra a emplear en los titulares, o incluso sustituir a la letra Impact mencionada anteriormente. Aunque para cuerpo de texto quizás no sería apropiada, a no ser para reemplazar a la negrita en algunos textos. (Presencia en: WINDOWS 97.73% / MAC 96.18%).

Incluso esta letra puede ir muy bien en los titulares, pues al ser mas estrecha no tendríamos problema de completar un titular en una sola línea, que con otro tipo de letra ocuparían dos. Es una tipografía que puede reemplazar muy bien como texto base a la Arial, al ser un tipo de letra más condensada. (Presencia en: WINDOWS 87.08% / MAC 91.01%).

En algunas ocasiones se pueden utilizar esta letra de manera eficaz, y tiene buen soporte en los ordenadores nuevos con Windows y para Mac. Funciona muy bien en titulares grandes, pero no es muy legible en letras pequeñas. (Presencia en: WINDOWS 58.13% / MAC 85.85%).

Este tipo de letra es muy agradable y funciona bien tanto en texto base, como en titulares, y cuenta con el apoyo en ambas plataformas. (Presencia en: WINDOWS 43.09% / MAC 90.82% ).

Otras ayudas para el tema de las tipografías:

Hay herramientas en línea como FontBrowser, un aplicación que nos permite probar la tipografía que tienes instalada en tu ordenador, a distintos tamaños y comprobar si cuenta con la serie completa de caracteres.

CSStype. Puedes comparar entre 3 fuentes distintas al mismo tiempo, modificar sus parámetros de tamaño, color, fondo, etc. y comparar con tu propio texto.

FontTester. Puedes trabajar con 3 fuentes simultáneamente, variar parámetros y texto, ver el css resultante y cuenta con un mapa de caracteres especiales.

También Comparison table of screen typefaces de webdesign.maratz.com, que puede resultar útil a la hora comparar los diferentes tipos de letras usados en Windows, con sus diferentes variantes y su resultado, con algunos tamaños de letras habituales a la hora de diseñar páginas web.

En el siguiente documento en PDF puedes apreciar unas comparativas entre los antiguos (XP) y los nuevos tipos de letra para Windows (Vista).

Puedes dejar un comentario, o suscribirte al feed.