Fuentes web seguras

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 Common Web Safe Font
Constantia Common Web Safe Font
Times New Roman Common Web Safe Font Common Web Safe Font Less Common Web Safe Font Common Web Safe Font Less Common Web Safe Font
Times Common Web Safe Font Common Web Safe Font Common Web Safe Font
Georgia Common Web Safe Font Common Web Safe Font Less Common Web Safe Font Common Web Safe Font Less Common Web Safe Font
sans-serif Andale Mono Common Web Safe Font Common Web Safe Font Less Common Web Safe Font Common Web Safe Font Less Common Web Safe Font
Arial Common Web Safe Font Common Web Safe Font Less Common Web Safe Font Common Web Safe Font Less Common Web Safe Font
Arial Black Common Web Safe Font Common Web Safe Font Less Common Web Safe Font Common Web Safe Font Less Common Web Safe Font
Calibri Common Web Safe Font
Candara Common Web Safe Font
Century Gothic Common Web Safe Font Common Web Safe Font Less Common Web Safe Font Common Web Safe Font Less Common Web Safe Font
Corbel Common Web Safe Font
Helvetica Common Web Safe Font Common Web Safe Font Common Web Safe Font
Impact Common Web Safe Font Common Web Safe Font Less Common Web Safe Font Common Web Safe Font Less Common Web Safe Font
Trebuchet MS Common Web Safe Font Common Web Safe Font Less Common Web Safe Font Common Web Safe Font Less Common Web Safe Font
Verdana Common Web Safe Font Common Web Safe Font Less Common Web Safe Font Common Web Safe Font Less Common Web Safe Font
cursive Comic Sans MS Common Web Safe Font Common Web Safe Font Less Common Web Safe Font Common Web Safe Font Less Common Web Safe Font
monospace Consolas Common Web Safe Font
Courier New Common Web Safe Font Common Web Safe Font Less Common Web Safe Font Common Web Safe Font Less Common Web Safe Font
Courier Common Web Safe Font Common Web Safe Font Common Web Safe Font

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

Tags: , ,

3 comments

Leave a comment