Fuentes web seguras
Publicado en Programación | Por Alejandro | Tags: css, fuentes, xhtml
Al momento de diseñar una página web es importante elegir fuentes que estén instaladas en todos los sistemas operativos, ya que si no están disponibles el navegador mostrará la fuente por defecto.
La siguiente tabla muestra las fuentes más comunes y con que sistemas operativos vienen. Son consideradas fuentes web seguras:
| Genérica | Fuente | Windows 9x/2K/XP |
Windows Vista |
Mac Classic |
Mac OS X |
Linux Unix |
|---|---|---|---|---|---|---|
| serif | Cambria | ![]() |
||||
| Constantia | ![]() |
|||||
| Times New Roman | ![]() |
![]() |
![]() |
![]() |
![]() |
|
| Times | ![]() |
![]() |
![]() |
|||
| Georgia | ![]() |
![]() |
![]() |
![]() |
![]() |
|
| sans-serif | Andale Mono | ![]() |
![]() |
![]() |
![]() |
![]() |
| Arial | ![]() |
![]() |
![]() |
![]() |
![]() |
|
| Arial Black | ![]() |
![]() |
![]() |
![]() |
![]() |
|
| Calibri | ![]() |
|||||
| Candara | ![]() |
|||||
| Century Gothic | ![]() |
![]() |
![]() |
![]() |
![]() |
|
| Corbel | ![]() |
|||||
| Helvetica | ![]() |
![]() |
![]() |
|||
| Impact | ![]() |
![]() |
![]() |
![]() |
![]() |
|
| Trebuchet MS | ![]() |
![]() |
![]() |
![]() |
![]() |
|
| Verdana | ![]() |
![]() |
![]() |
![]() |
![]() |
|
| cursive | Comic Sans MS | ![]() |
![]() |
![]() |
![]() |
![]() |
| monospace | Consolas | ![]() |
||||
| Courier New | ![]() |
![]() |
![]() |
![]() |
![]() |
|
| Courier | ![]() |
![]() |
![]() |
La marca verde indica fuentes muy comunes, la amarilla indica fuentes no tan comunes pero generalmente aceptadas como fuentes web seguras.
Para mayor compatibilidad es conveniente indicar fuentes alternativas. Por ejemplo:
#fuente {
font-family: Trebuchet, Verdana, Helvetica, sans-serif;
}
Si la fuente primaria (Trebuchet) no está instalada el navegador usará la siguiente (Verdana), y así sucesivamente. Se indica la fuente genérica al final por si ninguna de las anteriores está instalada (en el ejemplo se mostrará la fuente sans-serif genérica).
Fuente: Dustin Brewer



April 18th, 2008 | 4:54 am
[...] de fuentes comunes para usar en diseño web, compatibles con Windows, Mac y Linux. Fuentes web seguras. 0 [...]
April 24th, 2008 | 2:34 am
[...] Fuentes web seguras | vloox.com Lista do de fuentes seguras para el diseño web (tags: webdesign typography resources) [...]