Arregle su sitio web con estas 12 hermosas fuentes web de Google

Durante la última década, comencé una serie de blogs personales 10 Primeros pasos esenciales al iniciar un blog de Wordpress 10 Primeros pasos esenciales al iniciar un blog de Wordpress Habiendo creado bastantes blogs, me gustaría pensar que tengo un buen sistema apagado para esos primeros pasos esenciales, y espero que pueda serle útil también. Siguiendo ... con lo que realmente nunca seguí, pero algunos de mis mejores recuerdos se basan en el diseño de temas y ajustes de fuentes. Hay algo satisfactorio cuando encuentra la combinación perfecta de fuentes para su sitio web y todo encaja. Afortunadamente, con Google Web Fonts, todo ese proceso nunca ha sido tan fácil.

Entonces, ¿qué fuentes web de Google debe usar? Bueno, puede usar cualquiera de las fuentes en el directorio de fuentes web de Google, que actualmente alberga más de 600 fuentes diferentes, y ese número continúa creciendo. Pero algunas fuentes han sido probadas, una y otra vez, como más agradables a la vista y más fáciles de leer que otras. Sigue leyendo para descubrir cuáles son esas fuentes.

Nota: La apreciación de las fuentes es siempre un asunto subjetivo, pero la popularidad de estas fuentes sugiere que tienen una hermosa calidad sobre ellas. Las consideraciones de fuentes para esta lista se hicieron en el contexto de los cuerpos de los párrafos, no en los encabezados, el arte o el diseño gráfico.

¿Qué son las fuentes web de Google??

Google Web Fonts es una colección centralizada de diferentes fuentes que puede insertar en su (s) sitio (s) web. Durante un tiempo, las fuentes del sitio web se limitaron a lo que estaba en la computadora del espectador: si no tenían la fuente especificada, solo verían su sitio web en la fuente predeterminada de su navegador. Con Google Web Fonts, los espectadores pueden ver la fuente de su sitio web incluso si no la tienen, y eso abre muchas puertas en términos de diseño.

Si usa WordPress, algunos temas (especialmente los más nuevos) vienen equipados con soporte para Google Web Fonts en las opciones de tema. Para otros proyectos web, James ha escrito una gran guía sobre cómo usar las fuentes web de Google Cómo usar las fuentes de Google en su próximo proyecto web y por qué debería hacerlo Cómo usar las fuentes de Google en su próximo proyecto web y por qué debería elegir La fuente es una decisión de diseño integral en cualquier sitio web, pero la mayoría de las veces estamos contentos con la misma familia serif y sans-serif. Si bien el cuerpo principal del texto siempre debe ser algo ... para su sitio web. Si tiene algún tipo de experiencia en administración web, este proceso debería ser tan fácil como el pastel para usted.

Las fuentes web de Google también se pueden usar de otras maneras, como a través de la extensión de Font Changer Chrome. [Cromo] . Si un sitio web en particular no se ve muy bien para usted, o incluso ofende su sentido de los estándares gráficos, puede usar Google Web Fonts para cambiar manualmente la apariencia de un sitio web de su parte. Cuan genial es eso?

Serif Fonts

Las fuentes serif son las que tienen pequeñas marcas, trazos o pies al final de las letras y símbolos. Piense en los tipos de fuentes que encontrará en un libro impreso, un periódico, un trabajo de tesis, etc. En general, son más formales que las fuentes sans-serif (que se tratan en la segunda parte de este artículo) y generalmente se consideran más fáciles de leer, aunque eso es discutible.

Droide Serif: No se puede hablar de fuentes serif modernas sin sumergirse en territorio Droid. La familia de fuentes Droid fue diseñada para su uso en pantallas móviles pequeñas, particularmente en la plataforma Android, pero la fuente ha ganado popularidad y ahora se usa en todo el lugar..

PT Serif: Aunque ha existido durante algunos años, la familia de fuentes PT es nueva para mí, y me encanta. Ahora lo uso para casi todos mis editores de texto, ya sea Microsoft Word, Scrivener o edición de blog. Es elegante y moderno con su propia versión sabrosa de serifs.

Lora Lora es quizás mi segunda fuente serif favorita, junto a PT Serif. Tiene el equilibrio justo entre recto y redondo, lo que permite una lectura fácil y una estética agradable. Esta es la fuente que uso cuando leo libros electrónicos en mi computadora EPubReader: lea libros .EPUB gratis dentro de su navegador [Firefox] EPubReader: lea libros .EPUB gratis dentro de su navegador [Firefox] La popularidad de los libros electrónicos se ha disparado en el pasado unos años y no parece que vaya a disminuir en el corto plazo. Primero el Kindle, luego el Nook, luego las aplicaciones para teléfonos inteligentes como Aldiko y Mantano, hay ... .

Judson Judson es un buen descanso cuando necesita una hermosa fuente serif pero no quiere recurrir a algunas de las más populares, como las que se enumeran arriba. Una razón por la que no se usa con tanta frecuencia es porque carece de un estilo que tenga negrita y cursiva.

Merriweather: Recientemente vi a Merriweather usado en un prolífico blog de escritores y me enamoré. Con el interletraje y el espaciado correctos, Merriweather se vuelve súper fácil a la vista y facilita la lectura rápida, lo cual es ideal para blogs y contenido web.

Vollkorn: Esta es la fuente que me atrajo a Google Web Fonts en primer lugar. Es agradable mirar en el rango de tamaño de fuente más pequeño, pero los defectos se vuelven más evidentes en tamaños más grandes. Sin embargo, es genial y vale la pena intentarlo.

Fuentes Sans-Serif

Si las fuentes serif son las que tienen marcas y pies en letras y símbolos, entonces las fuentes sans-serif son las que no tienen esas marcas y pies. Algunas personas describen las fuentes sans-serif como “limpiador” y “moderno” y a menudo se consideran menos formales que las fuentes serif, aunque eso se está volviendo menos cierto cada año. El nombre proviene de la palabra francesa para “sin” - sans - así que cuando veas una fuente etiquetada como “Sans,” sabes que es la versión limpia de esa fuente.

Droid Sans: Droid Sans pertenece a la misma familia de fuentes que Droid Serif, pero Droid Sans es mucho más popular por una simple razón: es más probable que las aplicaciones móviles usen fuentes sans-serif que fuentes serif. Sin embargo, su popularidad se ha desbordado en la Web, y probablemente haya visto esta fuente más de lo que cree que tiene..

PT Sans: PT Sans es una fuente sans-serif limpia que en realidad es un poco más estrecha que las fuentes sans-serif tradicionales. Es una maravillosa mezcla de líneas afiladas y curvas suaves, lo que da como resultado una fuente que se siente estéril pero artísticamente.

Abierto sin: En el otro lado de PT Sans, tiene Open Sans, que es un poco más ancho que las fuentes sans-serif tradicionales. Piensa en Verdana, excepto que es más moderna. No es mi taza de té, pero predigo que Open Sans tendrá más uso en los próximos años..

Lato Lato puede sentirse un poco apretado cuando el tamaño de fuente se reduce demasiado, pero con CSS y técnicas de diseño adecuadas, Lato puede ser más hermoso que la mayoría de las fuentes sans-serif. Sin embargo, el interletraje y el interlineado son clave..

Roboto: Roboto es una de mis fuentes favoritas para encabezados, pero funciona igual de bien en un cuerpo de párrafo. Es limpio, no demasiado alto, ni demasiado corto, ni demasiado ancho ni demasiado estrecho. Es una fuente sans-serif fácil de leer con un sutil toque futurista, que es apropiado dado su nombre.

Cabina: Al igual que Lato, Cabin puede sufrir tamaños de letra más pequeños al sentirse un poco apretado y afilado cuando las letras están demasiado cerca una de la otra, pero el diseño CSS adecuado puede solucionarlo fácilmente. Es una fuente hermosa que a veces me recuerda a una versión más moderna de Century Gothic.

Conclusión

Ya no es necesario bloquear sus sitios web con las mismas fuentes sans-serif de Arial-Helvetica-Verdana y las fuentes serif de Times-Georgia-Palatino. Mejore sus diseños con una inyección ajustada de fuentes web de Google y dé el siguiente paso para revolucionar la apariencia de su sitio web. No solo distinguirá mejor su sitio web de los demás, sino que sus lectores también se lo agradecerán.

¿Qué piensas? ¿Cuáles son tus fuentes web favoritas de Google? ¿Los usas para tu propio sitio? Por favor comparte tus pensamientos con nosotros en los comentarios.