Mejora tu 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 básicos al iniciar un blog de Wordpress Al haber creado bastantes blogs, me gustaría pensar que tengo una buena sistema hacia abajo para esos primeros pasos esenciales, y espero que pueda ser de utilidad para usted también. Siguiendo ... Lee más que nunca realicé, pero algunos de mis mejores recuerdos descansan 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 en su lugar. Afortunadamente, con Google Web Fonts, todo el proceso nunca ha sido tan fácil.

Entonces, ¿qué fuentes web de Google deberías 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 sigue creciendo. Pero algunas fuentes se han probado, una y otra vez, como más agradables a la vista y más fáciles de leer que otras. Sigue leyendo para averiguar cuáles son esas fuentes.

Nota: La apreciación de la fuente es siempre una cuestión subjetiva, 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 los cuerpos de los párrafos, no los encabezados, el arte o el diseño gráfico..

¿Qué es Google Web Fonts??

Google Web Fonts es una colección centralizada de diferentes fuentes que puede insertar en su (s) sitio (s) web. Por un tiempo, las fuentes del sitio web se limitaron a lo que estuviera en la computadora del espectador: si no tuvieran 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 redactado una gran guía sobre cómo utilizar las fuentes web de Google Cómo usar las fuentes de Google en su próximo proyecto web y por qué debería usar las fuentes de Google 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 estamos contentos con la misma familia de serif y sans-serif. Mientras que 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 Font Changer Chrome Font Changer con Google Web Fonts: cambie fácilmente la fuente de cualquier sitio web [Chrome] Font Changer 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 en su extremo. Cuan genial es eso?

Fuentes serif

Las fuentes de serif son las que tienen pequeñas marcas, trazos o pies en el extremo de las letras y los símbolos. Piense en los tipos de fuentes que encontraría 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 En general, se considera que son más fáciles de leer, aunque eso es discutible..

Sifón droide: No puedes hablar de las fuentes serifas modernas sin sumergirte en el territorio de Droid. La familia de fuentes Droid fue diseñada para su uso en pequeñas pantallas móviles, particularmente en la plataforma Android, pero la fuente ha ganado popularidad y ahora se usa en todas partes..

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 la edición de blogs. Es elegante y moderno, con su propia y sabrosa versión de remates..

Lora Lora es quizás mi segunda fuente favorita de serif, junto a PT Serif. Tiene el equilibrio justo de recto y redondo, prestando una lectura fácil y una estética agradable. Esta es la fuente que uso cuando leo libros electrónicos en mi computadora. EPubReader: Lee libros gratuitos de .EPUB directamente en tu navegador [Firefox] EPubReader: lee libros gratis de .EPUB dentro de tu navegador [Firefox] pocos años y no parece que vaya a ralentizarse en el corto plazo. Primero el Kindle, luego el Nook, y luego las aplicaciones para teléfonos inteligentes como Aldiko y Mantano: hay… Leer más .

Judson: Judson ofrece un buen descanso cuando necesita una fuente de serif hermosa, pero no quiere recurrir a algunas de las más populares, como las que se mencionan anteriormente. Una razón por la que no se usa tan a menudo es porque carece de un estilo que tenga negrita y cursiva.

Merriweather: Recientemente vi a Merriweather en un blog de escritores prolíficos y me enamoré. Con el kerning y el espacio 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 las fallas se hacen 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 garrapatas y pies en letras y símbolos, las fuentes sans serif son las que no tienen garrapatas ni pies. Algunas personas describen las fuentes sans-serif como “limpiador” y “moderno” y a menudo se les ve como 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 cada vez que vea 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 sencilla razón: es más probable que las aplicaciones móviles usen las fuentes sans-serif que las fuentes serif. Sin embargo, su popularidad se ha desbordado a la Web, y es probable que haya visto esta fuente más de lo que cree..

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, que da como resultado una fuente que se siente estéril y artística..

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

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 interlineado son claves..

Roboto: Roboto es una de mis fuentes favoritas para encabezados, pero funciona igual de bien en el cuerpo de un 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 si se siente un poco apretado y agudo cuando las letras están demasiado cerca unas de otras, 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 atascar sus sitios web con las mismas fuentes Arial-Helvetica-Verdana sans-serif y las fuentes Times-Georgia-Palatino serif. Arregla tus diseños con una inyección apretada de Google Web Fonts y da el siguiente paso para revolucionar la apariencia de tu sitio web. No solo distinguirá mejor su sitio web de otros, 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..

Explore más acerca de: Fuentes, Google, Tipografía, Diseño web, Desarrollo web.