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

En la última década, comencé una serie de blogs personales que nunca llevé a cabo, pero algunos de mis recuerdos más preciados se basan en el diseño del tema y los ajustes de fuentes. Hay algo satisfactorio cuando encuentras la combinación perfecta de fuentes para tu sitio web y todo encaja.

En la última década, comencé una serie de blogs personales que nunca llevé a cabo, pero algunos de mis recuerdos más preciados se basan en el diseño del tema y los ajustes de fuentes.  Hay algo satisfactorio cuando encuentras la combinación perfecta de fuentes para tu sitio web y todo encaja.
Anuncio

En la última década, he comenzado 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 Después de haber creado bastantes blogs, me gustaría pensar que tengo un buen sistema para esos primeros pasos esenciales, y espero que pueda ser útil para usted también. Al seguir ... Lea más que en realidad nunca llegué a completar, pero algunos de mis recuerdos más preciados se basan en el diseño del tema y los ajustes de la fuente. Hay algo satisfactorio cuando encuentras la combinación perfecta de fuentes para tu sitio web y todo encaja. Afortunadamente, con Google Web Fonts, todo ese proceso nunca ha sido tan fácil.

Entonces, ¿qué Google Web Fonts debería usar? Bueno, puede usar cualquiera de las fuentes en el directorio Google Web Fonts, que actualmente contiene más de 600 fuentes diferentes, y ese número sigue creciendo. Pero algunas fuentes se han demostrado, 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 la fuente es siempre un asunto subjetivo, pero la popularidad de estas fuentes sugiere que tienen una hermosa calidad sobre ellas. Las consideraciones de fuente para esta lista se hicieron en el contexto de cuerpos de párrafo, no en títulos, arte o diseño gráfico .

¿Qué es Google Web Fonts?

Google Web Fonts es una colección centralizada de diferentes tipos de letra que puede incorporar a sus sitios web. Durante un tiempo, las fuentes del sitio web se limitaron a lo que estaba en la computadora del usuario: 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 excelente guía sobre cómo usar Google Web Fonts Cómo usar Google Fonts en su próximo proyecto web y por qué debería usar Google Fonts en su próximo proyecto web y por qué debería elegir la fuente. una decisión de diseño integral en cualquier sitio web, pero la mayoría de las veces nos contentamos con la misma familia de serif y sans-serif. Si bien el cuerpo principal del texto siempre debe ser algo ... Leer más para su sitio web. Si tiene algún tipo de experiencia en administración web, este proceso debería ser tan fácil como un pastel para usted.

Google Web Fonts también se puede usar de otras maneras, como a través de la extensión de Font Changer Chrome Cambiador de fuentes con Google Web Fonts: Cambie fácilmente la fuente de cualquier sitio web [Chrome] Cambiador de fuentes con Google Web Fonts: Cambie fácilmente la fuente de cualquier sitio web [Chrome] Leer más. Si un sitio web en particular no se ve muy bien para usted, o incluso ofende su sentido de los estándares gráficos, entonces puede usar Google Web Fonts para cambiar manualmente la apariencia de un sitio web. ¿Cuan genial es eso?

Fuentes Serif

Las fuentes Serif son las que tienen pequeños tics, trazos o pies en el extremo de 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.

serif-droide-serif

Droid Serif: No se puede hablar de las fuentes modernas serif sin sumergirse en el territorio de los droides. La familia de fuentes Droid se diseñó 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 todas partes.

serif-pt-serif

PT Serif: Aunque ha existido por 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 propio sabor sabroso en serifs.

serif-lora

Lora: Lora es quizás mi segunda fuente serif favorita, junto a PT Serif. Tiene el equilibrio justo de forma directa y circular, lo que le da una lectura fácil y una estética agradable. Esta es la fuente que uso al leer libros electrónicos en mi computadora EPubReader: Lea .EPUB Libros gratis en el interior de su navegador [Firefox] EPubReader: Lea .EPUB Libros gratis en el interior de su navegador [Firefox] La popularidad del libro electrónico se ha disparado en el pasado algunos años y no parece que se ralentizará pronto. Primero el Kindle, luego el Nook, luego las aplicaciones para teléfonos inteligentes como Aldiko y Mantano, hay ... Leer más.

serif-judson

Judson: Judson hace un buen descanso cuando necesitas una hermosa fuente serif, pero no quieres recurrir a algunos de los más populares, como los que se enumeran arriba. Una razón por la que no se usa con tanta frecuencia es porque carece de un estilo que tenga tanto negrita como cursiva.

serif-merriweather

Merriweather: Hace poco vi a Merriweather usado en el prolífico blog de un escritor y me enamoré. Con el kerning y el espaciado correctos, Merriweather se vuelve muy fácil de leer y facilita la lectura rápida, lo que es ideal para blogs y contenido web.

serif-vollkorn

Vollkorn: Esta es la fuente que me llevó a Google Web Fonts en primer lugar. Es agradable mirar en el rango de tamaño de letra 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 tics y pies en letras y símbolos, entonces las fuentes sans-serif son las que carecen de esos tics y pies. Algunas personas describen las fuentes sans-serif como "más limpias" y "modernas" y a menudo se las considera menos formales que las fuentes serif, aunque eso cada vez es menos cierto cada año. El nombre proviene de la palabra francesa "sin" - sin - por lo que cada vez que vea una fuente etiquetada como "Sans", sabrá que es la versión limpia de esa fuente.

sans-droid-sans

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 a la Web, y probablemente haya visto esta fuente más de lo que cree que tiene.

sans-pt-sans

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

sans-open-sans

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

sans-lato

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

sans-roboto

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

sans-cabin

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

Conclusión

Ya no es necesario que sus sitios web se bloqueen utilizando las mismas fuentes Arial-Helvetica-Verdana sans-serif y las fuentes serif Times-Georgia-Palatino. Arregle sus diseños con una inyección ajustada de Google Web Fonts 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 comparta sus pensamientos con nosotros en los comentarios.

In this article