Blog what I write

Fuentes similares y orden de preferencia en font-family

post - - 2 replies -

Cuando especificamos un font-family esperamos que se tomen las fuentes citadas por orden de preferencia. De tal forma que si la primera no esta disponible en la plataforma del usuario, se recurra a la segunda y así sucesivamente.

Se debe buscar compatibilidad y unidad del diseño, siendo muy importante la similitud en el orden de preferencia.

body {
	font-family: verdana, arial, helvetica, sans-serif;
}
  1. verdana
  2. arial
  3. helvetica
  4. sans-serif

El problema es que muchos editores web (por ejemplo Dreamweaver) tienen por defecto asignados unos “grupos” de fuentes en los que el orden según las similitudes es algo cuestionable (como en el ejemplo expuesto).

La verdana tiene más similitudes con tahoma y menos con arial.

Lo ideal sería conocer a fondo los tipos que se desean emplear en un proyecto web y establecer un buen orden de preferencia con otros tipos realmente similares.

  • No está de más incluir fuentes libres alternativas, para los usuarios de GNU/Linux y BSD. Un ejemplo con Arial y fuentes libres alternativas:

    font-family: Arial, FreeSans, A030, Nimbus Sans L, Liberation Sans, sans-serif;

    Un saludo!

    • Muy buena aportación Noel, Gracias. 😉