Fuentes Seguras para el diseño de tus paginas web

Las fuentes (o tipografías) son uno de los elementos más significativos en cualquier diseño, y especialmente en el de paginas web. Es realmente “cansado” tener que utilizar siempre Verdana, Arial, Helvetica … y arriegado, utilizar fuentes que los usuarios no tienen en su sistema, ya que no visualizará nuestro site, tal y como lo hemos diseñado.

Siempre podemos cargar tipografías de forma externa utilizando por ejemplo css, pero en este post vamos a recoger una serie de “Safe Fonts”  o tipografías “seguras” que estarán disponibles en todos los sistemas, se ven bien en pantalla y son relativamente populares.

Para utilizarlas, solo es necesario copiar el texto css que aparece en color rojo.

Serif

Georgia

font-family:”Georgia”, serif;

Palatino Linotype

font-family: ‘Palatino Linotype’, ‘Book Antiqua’, Palatino, serif;

Times New Roman

font-family: ‘Times New Roman’, Times, serif;

MS Serif

font-family: ‘MS Serif’, ‘New York’, sans-serif;

Garamond

font-family: Garamond, serif;

Bookman Old Style

font-family: ‘Bookman Old Style’, serif;

Sans-Serif

Verdana

font-family: Verdana, Geneva, sans-serif;

Arial

font-family: Arial, Helvetica, sans-serif;

ArialBlack

font-family: ‘Arial Black’, Gadget, sans-serif;

ArialNarrow

font-family: ‘Arial Narrow’, sans-serif;

Symbol

font-family: Symbol, sans-serif;

Impact

font-family: Impact, Charcoal, sans-serif;

Tahoma

font-family: Tahoma, Geneva, sans-serif;

Century Gothic

font-family: Century Gothic, sans-serif;

Lucida Sans Unicode

font-family: ‘Lucida Sans Unicode’, ‘Lucida Grande’, sans-serif;

Trebuchet MS

font-family: ‘Trebuchet MS’, Helvetica, sans-serif;

MS Sans Serif

font-family: ‘MS Sans Serif’, Geneva, sans-serif;

Monospace

Courier New

font-family: ‘Courier New’, Courier, monospace;

Courier

font-family: Courier, monospace;

Lucida Console

font-family: ‘Lucida Console’, Monaco, monospace;

Cursive

Comic Sans MS

font-family: ‘Comic Sans MS’, cursive;

Acerca de Patricia Juberias

https://patyjg.wordpress.com

Publicado el 23 mayo, 2012 en Creación y diseño web, DISEÑO Y NUEVAS TECNOLOGIAS, Tutoriales, WP GENERAL y etiquetado en , , , . Guarda el enlace permanente. 2 comentarios.

  1. Para el diseño web es muy importante usar unas tipografías seguras y que vayan acorde con el diseño y la corporatividad de una pagina, pues es necesario que exista una concordancia en la estética y que funcione visualmente a los ojos del usuario pues atraer al gusto de la gente es difícil pero si se consigue es todo un éxito. Gracias por la aportación, sin duda muy necesaria.

  1. Pingback: El uso correcto de la tipografía para un diseño eficaz « patyJG

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: