Las mejores 50 fuentes para webs y blogs


Las mejores 50 fuentes para webs y blogs,

Vamos a dar un repaso a las mejores 50 fuentes básicas que considero el “must have” para diseño web, seguro que vamos a coincidir en bastantes pero habrá otras que pasan desapercibidas, espero que en esta lista de fuentes encuentres la mejor letra para tu blog.

Hace mucho tiempo cuándo empecé con el diseño web sólo podíamos utilizar 12 fuentes por que eran compatibles con la mayor parte de sistemas operativos, mas adelante pasaron a ser 17 y eran llamadas fuentes seguras, en aquella época el diseño web estaba muy limitado por culpa de esto, ahora gracias a los progresos en los navegadores y al mejor rendimiento puedes tener la fuente que quieras dónde quieras.

Google fonts y Adobe Typekit son ejemplos de bibliotecas que nos facilitan mucho el trabajo y ponen a nuestra disposición fuentes gratuitas para usarlas con una simple línea de código.

#Deja que el tipo de letra te ayude a simplificar tu diseño

Es muy complicado elegir la letra para un blog o una web, y mas al principio que o “se nos hace un mundo” o nos da igual, pero es algo muy importante en lo que se fija mucha gente, a parte piensa que gracias a una buena fuente puedes simplificar mucho el diseño, por lo que echar un rato a elegir el tipo de letra  es una de las decisiones mas importantes para mejorar tu blog.

Seguro que al principio te costaba fijarte en los pequeños detalles, si llevas un tiempo con tu blog o visitando otros ya has comenzado a ver diferencias, detalles , fallos y cosas que te llaman la atención y antes pasaban desapercibidas, es fácil que la letra sea de esas cosas que ahora te llamen.

Hay  tipografías que son verdaderas torturas para los lectores, y pueden ser preciosas pero si quieres saber  cual es mas legible o quieres dar un toque determinado a tu escritura sin pasarte este post te puede ayudar bastante,  si controlas de letras un poco puedes mejorar mucho tu web sin volverte majara.

El cambio de fuente es una de las cosas mas fáciles y rápidas que puedes hacer para cambiar el aspecto de un blog en cuestión de minutos.

# Organizar las fuentes y tenerlas a la vista

Pues en este post aparecen una serie de programas para que puedas ver las fuentes que tienes instaladas y organizarlas… un sueño para mí.

organizar fuentes


#Elegir las mejores 50 fuentes es casi imposible (hubiese elegido 400)

Hoy me animo a enseñar las 50 fuentes de las que mas me gustan para web, me encanta trabajar con ellas y algunas son ya casi un sello de identidad porque las uso mucho, no esperes excentricidades, sino una buena selección para el trabajo diario y hacer combinaciones elegantes sencillas que no cansen el ojo.

Este post es una pequeña continuación a este que trata sobre lo mas importante de las tipografías: Su legibilidad, así que echarle un ojo porque es muy interesante y puede hacerte ver de otra manera la escritura.

Tipografía para blogs


# ¿Cuál es mi fuente favorita, que letra es la que mas me gusta?…

Podía decir que es Helvética porque me gusta el diseño racionalista y minimalista, adoro la geometría en la tipografía pero luego veo esas sherifas y se me cae la baba detrás de una Bodoni… en fin y que decir con las fuentes nuevas handwritting con tanta personalidad … pero dónde estén las clásicas.

# Las fuentes para encontrar tipografías que mas uso.

Ya sabéis que intento dar prioridad a lo gratuito, para consegir la mayor parte de las fuentes que hay en el post  he recurrido a estas bibliotecas de fuentes indispensables para cualquier diseñador

Google fonts.

Adobe Typekit

Dafont

Fontsquirrell

Font Palace

mejores 50 fuentes para webs


# La mejores letras sans serif :

Esta es una serie de San Serif entre las cuales hay algunas muy clásicas y otras mas originales, pincha en el nombre y te llevará a la página, hay alguna que puede ser de pago pero casi todas estas letras son gratis y tiene versión web y de escritorio.

Lato,   open sans,   Proxima nova,   source pro, calibri, Cera, Montserrat,, helvética neue, signo, raleway, Calibri, Keep the calm, Basic tittle, code , Couture, Dolce VitaNova, Quicksand, Asenine

# Mis letras Serif preferidas:

Me encantan las letras con serifa, pero me gustan mas impresas que en la web, aunque en muchos casos está justificado y esta selección de fuentes está cuidada para tener una buena lagibilidad en la pantalla.
Theano Didot, Lora, Revista, Bodoni, Alice, Times, Iris UPC, Nouvelle Vague, Parma Pettite, Chelsea, Voor, Znikomit, Nilland, Florence, Fine Style.

# Geniales: Fuentes Script y mono:

Me encantan las fuentes script, handwritting, caligrafía, adornadas, pero en realidad son las mas personales y a veces estas tipografías son de pago, no están adaptadas para acentos o caracteres especiales como la ñ por lo que he preferido centrarme mas en la selección de Sans Serif que son las mas comunes que usamos.

Sacramento, Amelia, Lighthouse, Angel face, Angelina, Coalhandluke, Second ChancesCourrier new, Anonymous pro.

# Fuentes decorativas:

Brixton, Oswald, Lobster, Amatic

# Tipografías Muy pesadas:

Bold Font, Primetime, Gourmandise

mejores 50 fuentes para webs


Me preguntaban hace poco cuáles son tus 50 fuentes favoritas y escurría el bulto, pero hace poco me lo volvieron a preguntar en el blog  y dije:  voy a escribir un post sobre ello!, eso sí las fuentes para web, las que me gustan para impresión son otras, al igual que las que son de diseño o para “carteles”.

Que fuentes te gustan?, tienes alguna favorita que crees que debería incluir? esto de las letras es muy subjetivo pero espero que te gusten las 50 mejores fuentes que he compartido en este post!.

La entrada Las mejores 50 fuentes para webs y blogs aparece primero en Yo Blogueo.

Fuente: este post proviene de yo-blogueo, donde puedes consultar el contenido original.
¿Vulnera este post tus derechos? Pincha aquí.
Creado:
¿Qué te ha parecido esta idea?

Esta idea proviene de:

Y estas son sus últimas ideas publicadas:

Cómo crear los mejores títulos para post Los títulos para post representan uno de los elementos más importantes para conseguir visitas, seguidores e incluso conversiones en nuestro blog. Para crear lo ...

Aprende a ahorrar gestionando tu dinero ¿Dificultades para llegar a fin de mes? Seguro que  no paran de decirte «aprende a ahorrar». Lo primero de todo ¡ten paciencia!. Entre tú y yo, ahorra ...

Recomendamos

Relacionado

http://schemas.google.com/sites/2008#announcement

Hoy os traigo un post sobre nuevas fuentes gratuitas para diseñadores que podrás utilizar en tu web y en proyectos de diseño gráfico. Cada fuente se ha diseñado por diseñadores con mucho talento. Puedes encontrar casi todos los tipos de fuentes gratis en esta colección y utilizarla libremente. Algunas de estas fuentes son sólo para uso personal, pero la mayoría de ellas también son libres para uso ...

RECURSOS tipografias

(Actualizado) Uno de los elementos del diseño en el que el diseñador cuenta con una mayor variedad para elegir es en las tipografías. Por eso hemos realizado una selección de algunas de las mejores fuentes retro gratis que hemos encontrado. Es posible encontrar infinidad de estilos y formas en cuanto a fuentes y tipografías se refiere.  Existen muchas páginas en las que descartar tipografías y ade ...

Diseño para Blogs Herramientas Uncategorized ...

Como organizar fuentes en tu ordenador y visualizarlas es una preocupación que tenemos cuándo coleccionamos fuentes. En este post encontrarás varias formas de organizar fuentes dentro de tu computadora de diferentes maneras para que te sea mucho mas fácil poder acceder a ellas y lo mas importante verlas. Respecto a los visores de tipografías una buena opción es usar aplicaciones de escritorio o pr ...

DISEÑO WEB tipografias

Fontface Ninja es la extensión perfecta para detectar la fuente de una web y descargarla. Está disponible tanto para Google Chrome como para Firefox y aunque existen muchas formas de identificar tipografías Fontface Ninja es una de las mejores opciones. Un detector de fuentes para Chrome y Firefox Para empezar lo primero que tendremos que hacer es acceder a su página web. Una vez allí podemos o bi ...

guías y tutoriales informática design ...

En este post voy a hacer un recopilatorio de los sitios web más populares a la hora de descargar fuentes gratuitas para utilizar en los textos de nuestros proyectos. FontReactor www.fontreactor.com Web en español con buscador de fuentes por categorías, novedades, top descargas, etc. Permite previsualizar un texto personalizado con las distintas tipografías listadas. El diseño de la web es bastant ...

RECURSOS tipografias

Las fuentes o tipografías son elementos indispensables para cualquier diseñador gráfico. Tener a mano algunos sitios web para descargar tipografías gratis no viene nada mal. Contar con una buena cantidad de fuentes en nuestro ordenador es esencial. Aunque no menos importante es saber realizar combinaciones tipográficas modernas y de calidad. Por muchos diseños que tengamos ni no sabemos cómo combi ...

diseño freebies gratis ...

¡Hola! Para hoy quise actualizar la entrada de cómo instalar fuentes, que fue una de las primeras que publiqué. Me gustaría mostrarte con un video una forma sencilla y rápida para personalizar las fuentes de tu computadora en Windows. Decidí hacer un pequeño video con unas instrucciones muy básicas para instalar fuentes, que podrás ver enlazado al final de la entrada. Se trata de una actualizació ...

Hardware PC

Las mejores fuentes de alimentación de PC son aquellas que se adaptan a los requerimientos del equipo en el que va a funcionar, teniendo en cuanta las especificaciones y los dispositivos que van a estar conectados. Mejores teclados gaming Mejores ratones gaming A continuación, vamos a realizar un repaso por las fuentes de alimentación que están disponible actualmente, ordenándolas por nivel de pre ...

blog; ideas; webs interesantes;

Sois muchos los que desde hace tiempo me preguntáis de dónde saco las letras que pongo en las fotos y carteles que hago en el blog, así que se me ha ocurrido contaros de dónde las saco, porque es una web que merece mucho la pena (y ofrece muchas cosas gratis). Lots of people have asked me where do I get the letters I use in my blog photos from, so here you have an interesting website full of resou ...

Galerna

Cuando se trata de diseño de sitios web, hay muchos estilos y direcciones diferentes en los que su sitio web puede ir, puede ser desde elegante hasta minimalista, desde divertido y vibrante hasta elegante y moderno. Si bien su apariencia final debe reflejar su estilo personal, línea de trabajo e identidad de marca, existen algunas reglas básicas que siempre son aplicables, independientemente de si ...