Lista de fuentes más usadas en diseño

Las fuentes son un recurso indispensable a tener en cuenta a la hora de crear nuestro blog/web, ya que gracias a ellas, haremos que un blog/web sea legible o ilegible.

A continuación se resumen las fuentes más usadas en el diseño:

HELVÉTICA, HELVETICA NUE, ARIAL: Quizás la más famosa.

VERDANA: Legible a tamaños pequeños.

GEORGIA: Parecida a Times New Roman, pero mucho mejor, usada como sustituto de Times.

TREBUCHET MS: Fuente con mucho resultado en cabeceras y en la etiqueta h1.

CENTURY GOTIC: Recomendada para pequeños bloques de texto y libros.

LUCIDA SANS UNICODE: Lucida Grande se utiliza en Mac, mientras que Lucida Sans es para Windows.

PALATINO: Diseñada para tamaños grandes.

GARAMOND, BASKERVILLE, CASLON: De las más antiguas, usada en el Señor de los Anillos y popularizada por Apple.

BAKERVILLE: Creada con la intención de mejorar la legibilidad de CASLON.

UNIVERS: Muy legible a distancia.

MYRIAD: Fuente corporativa de Apple desde 2002.

ROCKWELL: Una de las más flexibles, vale para casi todo, títulos grandes, pequeños…

WARNOCK: Creado por uno de los fundadores de Adobe, John Warnock.

DIN: Fuente moderna con muchas variantes.

GOTHAM: Muy legible a tamaños pequeños.

FRUTIGER: Tardó 7 años en acabar su diseño.

DAX: Utilizada por UPS.

Las que yo recomiendo son: Arial y Helvética, ya que son las más flexibles.

Vía | Gloobs

Si te ha gustado este artículo, puedes recibir gratis más y mejor por RSS, Twitter, Facebook o correo electrónico. ¡Muchas gracias por leerme!

Juan
Una pregunta, si se desarrolla un sitio con una fuente que el usuario final no tiene instalada en su pc, ¿se verá con alguna fuente por defecto?
Saludos
- CSSBlog
  Hola Juan, si la fuente no puede ser identificada se mostrará una por defecto (Creo que es Times New Roman). Pero puedes aplicar varias fuentes para que en el caso que no se muestre una, pueda aplicarse la anterior, un ejemplo:
  font: bold 12px Arial, Helvetica, sans-serif;
  En este ejemplo, si el ordenador no reconoce la fuente sans-serif, pasará a leer el texto en Helvetica, y si no reconoce Helvetica, pasará a leer el texto con la fuente Arial.
  Un saludo.
Patricio
Hola, la duda que siempre me ha saltado en mi cabeza y si la letra que necesito yo la coloco en el servidor en alguna carpeta que se llame font, me la mostraría o sigue mandando el navegador???
Saludos, execelente página.
- CSSBlog
  Hola Patricio:
  Las fuentes que el navegador muestra no dependen de él, dependen de las personas que tengan instaladas dicha fuente en su ordenador. Tú puedes tener la fuente XXY en tu ordenador, entonces tu navegador podrá mostrarla, pero todos los que entran en tu sitio web deberían tenerla instalada, si no ese tipo de fuente simplemente no se mostrará.
  Un saludo.
Patricio
No si lo entiendo, el tema es que si yo en mi pagina tengo la letra xxx y esa letra xxx la subo al sevidor que alberga y que almacena toda la matriz de mi pagina en una carpeta font, igual el que manda es el pc del usuario que abre mi pagina.???
Pucha que he aprendido con ustedes, se les agradece.
Chauuu
PD: Perdon por lo cabeza dura.
CSSBlog
Hola de nuevo Patricio:
El ordenador del usuario es el que manda, si el usuario no tiene instalada la fuente, nada vamos a poder hacer para que muestre dicha fuente.
Un saludo.
Yerison
Hola, esto de las fuentes me interesa. Quisiera que comentarán sobre la legibilidad de las fuentes. Cuáles son más legibles y por qué.
Yunner
La más legible será aquella que permita verse bien a tamaños pequeños y con buenos espacios entre palabras, pueden hacer una página con varios párrafos con diferentes tipos de fuente de un tamaño pequeño, luego aumenten en sus browser de internet el zoom (Ctrl + para restablecer Ctrl 0), el análisis de ese resultado es la respuesta que esperarán. Personalmente uso más Verdana, Arial, Georgia, Helvetica, Sans-serif, en el mismo orden, pero en ocasiones depende de lo que se esté haciendo, por ejemplo en una página donde no te cabe muchas cosas y te vez obligado a reducir el tamaño de fuente, uso la Verdana, si la página es para ser imprimida escojo Arial o Times New Roman.
Pero no me caso con usa sola, hay fuentes que las uso para títulos, otras para subtítulos, pero en el cuerpo en la mayoría uso Verdana ya que es muy legible en tamaños pequeños.
Espero que mi comentario les ayude en algo
carlos
falta la avant garde
gerardo
estan bien locos 😀
Gerardo
Lo se morra 😀

Lista de fuentes más usadas en diseño

Posts relacionados

Acerca del autor

Pedro CM Pedro CM

Intercambios

¡Un regalo por tu visita!