Las 15 fuentes principales de Google+ en 2021
Hay 1052 familias de fuentes de Google+ distintas libres de manera gratuita (tras redactar este producto). ¡Esa es una gran variedad de opciones! Por lo tanto, no es de extrañar que necesite asistencia para conseguir la mejor lista de fuentes de Google plus en el pajar.
Lo hemos dispuesto para usted y después asimismo vamos a compartir algunas de las mejores prácticas para emplear las fuentes de Google+ en WordPress.
La decisión de una fuente no es únicamente una resolución estética; puede tener un impacto significativo en la tasa de rebote y la tasa de conversión repentinas de su página web, en especial si elige una fuente que es difícil de leer. Por lo tanto, es posible que desee tomarse un momento para seleccionar la familia de fuentes de Google+ perfecta para su cibersitio en lugar de utilizar la fuente que encontró por primera vez.
Si necesita mucho más fuentes, consulte la publicación sobre mucho más de 50 fuentes modernas que puede usar en su lugar de WordPress.
- ¿Por qué usar fuentes de Google+?
- Qué buscar en las fuentes de Google+
- Las 10 fuentes principales de Google plus en 2021 (según la sabiduría de la multitud)
- Suscríbete al folleto
- Fuente de bonificación + estrella en ascenso
- Cómo hacer la mejor combinación de fuentes de Google+
- Mejores prácticas para usar fuentes de Google plus en WordPress
- De qué forma añadir fuentes de Google plus a WordPress
- Generalizar
¿Por qué usar fuentes de Google+?
Hay una cantidad enorme de bibliotecas de fuentes en Internet, ¿qué hace que las fuentes de Google plus sean tan particulares?
Directorio de fuentes de Google plus.
Sobre todo, ¡es gratis! Lo más esencial es que Google+ mantiene y sirve las fuentes de Google+, lo que significa que son seguras. Claro, existen muchos sitios web inteligentes que tienen la posibilidad de bajar fuentes gratis, pero ¿quién sabe qué mucho más puede conseguir de estos ficheros?
En ocasiones, se cuestiona la calidad de las fuentes de tales sitios web.
Google plus escogió mucho más de mil fuentes de alta definición. Salvo que sea un diseñador gráfico con una visión completa de la tipografía, esta es una alternativa mucho más segura.
En segundo lugar, no hay restricciones de licencia complejas. Todas las fuentes del índice de fuentes de Google plus son de código abierto y se pueden usar para proyectos comerciales de manera gratuita. Puede cargarlos o incrustarlos en su ubicación e incluso usarlos en proyectos de impresión.
Si bien no existe una licencia unificada, la mayor parte de las fuentes del fichero utilizan la licencia de fuente abierta.
Abra la licencia de la fuente.
Otras "fuentes gratis" rara vez son gratuitas y tienen muchas limitaciones de licencia confusas que tienen la posibilidad de crear problemas para cometer un error. Lamentablemente, Google plus Fonts no posee exactamente el mismo equipaje.
Finalmente, puede añadir de forma fácil las fuentes de Google plus a su sitio web usando la Interfaz de programación de aplicaciones de Google+ Fonts. O puede descargarlos separadamente y cargarlos en su servidor web mediante FTP / SFTP.
Si bien las fuentes de Google plus a menudo son sencillos y tienen la posibilidad de no ser tan visibles como ciertas fuentes pagas, precisamente son mejores que las fuentes seguras para la red, todas las cuales se han visto cientos de veces preinstaladas en grandes sistemas operativos.
Qué buscar en las fuentes de Google+
Si debe estudiar una cosa al diseñar un sitio web, es cómo elegir las fuentes de Google plus correctas para su proyecto. Una aceptable tipografía mejorará o destruirá su página web.
Esto puede parecer un detalle irrelevante, pero puede ser importante si alguien abandona su ubicación antes de tiempo o sigue siendo un lector o cliente leal.
Escoger la fuente adecuada es algo que los diseñadores gráficos aprendieron durante los años, pero recuerde ciertos principios para que logre escoger una fuente hermosa para su página web.
- La marca adecuada para ti: Este puede ser el aspecto mucho más crítico. Los mejores websites tienen una fuente que puede indicar su personalidad, pero todavía es legible y correcta para el diseño de hoy. Por servirnos de un ejemplo, Apple e Iron Maiden utilizan fuentes muy diferentes, pero ambas se ajustan a sus propias fabricantes.
- Legibilidad: El segundo principio más importante es la legibilidad. Las fuentes divertidas o fantásticas indudablemente se adaptarán a su marca, pero si los visitantes no tienen la posibilidad de leerlas, se van a ir pronto. Por lo tanto, la fuente debe ser profesional y clara.
- Calificación de fuente: Si bien las fuentes se pueden clasificar de cientos y cientos de formas, estos son los cinco tipos principales: serif, sans serif, script, monoespacio y fuentes decorativas. Las fuentes script o serif emiten distinción, mientras que las fuentes monoespaciadas son muy populares en los sitios de tecnología. Entender estas categorías le brindará un mejor rincón para empezar su búsqueda.
- Fuente de pantalla o texto: La fuente de pantalla es adecuada para enormes formatos, títulos o artículos impresos. Debido a su diseño único, no tienen la posibilidad de aguantarlo con tanta claridad. El artículo más importante en las fuentes es la legibilidad, en tanto que constituyen la mayoría de su portal web.
- Estado anímico y propósito: Como todas las obras de arte, el artista diseña fuentes para entornos y estados de ánimo específicos. La mayor parte de las fuentes vienen con instrucciones sobre cómo diseñarlas y utilizarlas. Esto le ayudará a determinar si la fuente es correcta para su proyecto.
Las 10 fuentes principales de Google plus en 2021 (según la sabiduría de la multitud)
Entonces, ¿de qué forma se hace una lista de las mejores fuentes de Google plus en el momento en que muchas de ellas son subjetivas? No tenemos ganas que toda la lista esté sesgada, por lo que empleamos la información para hacer una lista de las fuentes de Google plus mucho más populares.
Confiamos en la sabiduría del público con Google+ Fonts Analysis. Con mucho más de 50 billones de visitas a las fuentes, Google plus tiene pocos datos.
Luego, vamos más allá de los números de popularidad originales y seleccionamos algunas fuentes HTML populares.
¿Prepararse? ¡Vamos a sumergirnos!
1. robot
Robot.
Roboto, el viejo número 1 y el tipo de letra escogido por Kinsta, es un producto sans-serif de Christian Robertson creado por Google plus como tipo de letra del sistema para Android. En este momento es muy popular, tiene 12 estilos distintas y ha aparecido frecuentemente en el análisis de fuentes de Google+.
Por ejemplo, Roboto es la fuente mucho más popular. Pero Roboto Condensed es también la sexta fuente más habitual, ¡y Roboto Slab también hace aparición en el duodécimo lugar!
2. Open Sans
Abrir sin.
Open Sans Condensed es una fuente fácil de leer encargada por Google plus y también inspirada en su precursor, Droid Sans. Google+ usa Open Sans en algunos de sus sitios web, así como en publicidad impresa y en línea. Open Sans Condensed es su fuente hermana y también ocupa el puesto 13 en Google plus Fonts.
Página 3
Página.
El granero es otra alternativa popular de Łukasz Dziedzic. Detrás de su diseño existen muchas historias que equilibran objetivos en enfrentamiento y conducen a una fuente sans-serif única, ligera.
4. Montserrat
Monstruo.
Montserrat es la fuente sans-serif de Julieta Ulanovsky, quien vive en el área de Montserrat en Buenos Aires. 18 estilos diferentes de forma fácil difíciles, tienes una amplia gama de opciones.
5. Oswald
Oswald.
Oswald es una fuente sans serif desarrollada originalmente por Vernon Adams. Su diseño tiene presente el estilo gótico alternativo único y el cepillado atrevido lo refleja.
6. Fuente Sans Pro
Fuente Sans Pro.
Source Sans Pro es una fuente sans-serif construída para Adobe y la primera fuente de código abierto de Adobe. La fuente liviana de Paul Hunt los hace limpios y simples de leer.
7. Baja 27px / 13px
peor.
Slabo es una fuente serif creada por John Hudson de Tiro Typeworks. Esta fuente está diseñada para tamaños específicos: 27 píxeles o 13 píxeles, según sus pretensiones.
8. Lowe
Lei Wei
Raleway tiene 18 estilos distintas y es otro enorme conjunto de fuentes sans-serif construídas originalmente por Matt McInerney. Si le agrada Raleway y busca algo único, Raleway Dots tiene estilos similares con un enfoque de punto a punto que se puede usar en títulos grandes.
9. PT Sans
PT Sans.
PT Sans se ha creado para géneros públicos en la Federación de Rusia y, por ende, incluye letras y números latinos y cirílicos. Hay múltiples otras fuentes en la serie PT, incluidas ciertas opciones serif.
10. Meriwether
Meriwether.
El nombre Merriweather evoca un concepto de diseño interesante, y este es el propósito de su diseñador. Más allá de que Merriweather Sans no es muy habitual, es un emprendimiento hermano y va bien con él.
Fuente de bonificación + estrella en ascenso
Desde un criterio numérico, las diez fuentes mencionadas anteriormente son las fuentes de Google+ más populares. No obstante, solo mirar las opciones más populares puede dañar las nuevas fuentes que aún no se han incluido en el análisis.
Estos son algunos de nuestros favoritos que no llegaron a la parte de arriba del análisis.
11. Noto Sans / Series
Noto Sans / Serie.
Noto es una fuente ordenada por Google+ que viene en ediciones serif y sans serif. Se actualiza con regularidad, ahora tiene más de 100 fuentes Noto y todavía se está mejorando.
Noto tiene como propósito cubrir todas y cada una de las letras y letras y números de diferentes idiomas, al paso que su diseño único sostiene la armonía entre cientos y cientos de familias de fuentes distintas. Estos productos derivados son los populares Noto Sans KR y Noto Sans JP.
12. Nunito Sans
Nunito Sanz.
Nunito Sans es una fuente sans serif poco a poco más popular. Su uso se triplicó entre 2018 y 2019 y de año en año es mucho más popular.
13. Concierto uno
Concierto uno.
Concert One es una fuente redonda y grotesca que encaja a la perfección en los títulos. Su diseño no tradicional indudablemente llamará la atención.
14. Consejos
velozmente.
Prompt es una fuente sans serif de la compañía tailandesa de diseño de comunicaciones Cadson Demak. Es acíclico (equivalente en tailandés a sans-serif) y contiene letras y números tailandeses y latinos.
15. Sin trabajo
Trabaja sin.
Work Sans es una fuente sans serif mejorada para el uso de la pantalla. El diseñador recomienda utilizar un estilo medio para los 14-48 píxeles.
Cómo hacer la mejor combinación de fuentes de Google+
Si le resulta bien difícil escoger una fuente de Google plus Fonts, espere hasta el momento en que intente sincronizar con su portal web. Por suerte, este no es un problema a fin de que usted lo resuelva (a menos que lo desee). Puede usar varias maneras de conseguir la mejor combinación de fuentes de Google plus.
Si se desplaza hacia abajo en la página, Google plus Fonts sugiere coincidencias populares:
Encuentra pares de fuentes populares de Google+.
Además de esto, asimismo puede usar websites como Font Pair para conseguir mucho más recomendaciones.
Mejores prácticas para usar fuentes de Google plus en WordPress
En el momento en que haya encontrado la fuente perfecta para su emprendimiento, estas son ciertas mejores prácticas para usar las fuentes de Google+ en WordPress.
Limite la cantidad de pesos de fuente utilizados
Algunas de estas fuentes (como Montserrat y Raleway) tienen 18 pesos distintas. Más allá de que esta es una buena opción, no desea cargar los 18 pesos en su sitio de WordPress porque ralentiza el tiempo de descarga.
¡Es muy importante proseguir estas instrucciones!
Una aceptable norma establecida para la mayoría de las fuentes es no usar más de tres pesos:
Varios de los sitios de WordPress que hemos visto ahora aun suprimen la cursiva y emplean solo dos pesos de fuente diferentes.
Si introduce las fuentes de Google plus usted mismo, puede seleccionar los pesos exactos que desea integrar; primero visite la página de fuentes y realice click en Elige este estilo Además de cuanto quieras.
Elija una fuente de Google+ Fonts.
La mayor parte de los temas de WordPress recientes brindan una manera simple de seleccionar la fuente y el peso de Google plus a utilizar. Sin embargo, no todos y cada uno de los desarrolladores de temas se centran en el desempeño. En consecuencia, en algunos casos, es mejor remover las fuentes de Google plus del diseño y agregarlas usted mismo.
Las fuentes variables asimismo están bien establecidas y son compatibles con todos y cada uno de los navegadores modernos. Estos son geniales por el hecho de que le permiten transformar un fichero de fuente a diferentes atributos. Las fuentes de Google plus traen una variedad de fuentes para elegir, e inclusive puede limitar su búsqueda a un área específica.
Considere alojar fuentes de Google plus de forma local
Como alternativa a la distribución de fuentes desde los servidores de Google plus, puede alojar fuentes de forma local para prosperar el rendimiento. Sin embargo, tenga en cuenta que es posible que la mayoría de las fuentes de Google+ ahora estén almacenadas en caché en los navegadores de los individuos. En consecuencia, le aconsejamos que realice una prueba de desempeño.
Si emplea fuentes premium que no sean las de Google+, como las fuentes "Brandon" que usamos en el sitio web de Kinsta, el alojamiento local (y proporcionar un CDN) es la mejor manera de llevarlo a cabo. Para obtener más información sobre este tema, consulte Hospedaje de fuentes localmente.
Escoja la fuente que quiere actualizar
Las fuentes son como extensiones y temas de WordPress: se actualizan y mejoran con el tiempo para mejorarlas. Más allá de que los riesgos no son tan abrumadores como con los complementos de WordPress, la elección de una fuente que se actualiza de forma regular sigue siendo una virtud. Por poner un ejemplo, la familia Google+ Noto se ha actualizado periódicamente desde 2014.
Dado que la mayoría de las fuentes de esta lista son comúnes, puede estar seguro de que todas y cada una de las fuentes de esta lista se actualizan y mejoran de manera regular. Si decide estar en la lista, asegúrese de que cualquier fuente que elija sea suficientemente habitual para llamar la atención, nunca es una mala idea.
No olvide la accesibilidad
Según las estadísticas de la Organización Mundial de la Salud, basadas en datos de 2015, se calcula que 253 miles de individuos tienen una discapacidad visual: 36 millones tienen ceguera y 217 millones tienen una discapacidad visual moderada o grave. Además de esto, el número de personas con algún tipo de trastorno ha aumentado a 2.200 millones para 2021.
Si utiliza fuentes de Google+, puede supervisar el diseño con CSS, como B. Color y tamaño. En consecuencia, no olvide proseguir las Pautas de accesibilidad al contenido web (WCAG) 2.0. Esto afirma que todos logren entrar de forma fácil a su contenido.
El cumplimiento de estas pautas va a hacer que el contenido sea accesible para una gama mucho más extensa de personas con discapacidades, que tienen dentro ceguera y baja visión, sordera y pérdida auditiva, discapacidades de aprendizaje, deterioro cognitivo, deterioro motor, deterioro del habla, fotosensibilidad y composiciones de exactamente los mismos. —— Pautas de accesibilidad al contenido web (WCAG) 2.0
El contraste de color es un método esencial. Nuestra fuente es bastante clara en el viejo diseño del sitio web de Kinsta, y los visitantes expresaron su preocupación por el hecho de que es difícil de leer. Lo último que quieres hacer es publicar contenido increíble, ¡pero cansará los ojos de la multitud!
Puede emplear el Comprobador de contraste de color de WebAIM y otras herramientas para contrastar que el tono de la fuente coincide con las recomendaciones oficiales. Por poner un ejemplo, puede ver que los colores en nuestra publicación de blog ahora tienen una prueba aprobada. 👍
Herramienta de comprobación de contraste de color.
De qué forma añadir fuentes de Google plus a WordPress
En el momento en que haya seleccionado una fuente o dos, el paso final es agregarlas a su portal web. Google+ Fonts provoca que esta tarea sea mucho más simple de lo habitual.
Pongamos que desea añadir una fuente a su cibersitio. En este caso, tiene tres opciones: disponer extensiones como Easy Google plus Fonts o Google plus Fonts Typography, bajar fuentes a su cibersitio por medio de la Interfaz de programación de aplicaciones de Google+ Fonts o descargarlas manualmente y alojarlas en su cibersitio.
Si desea comprender de qué manera cambiar las fuentes en WordPress, hemos escrito una guía detallada para ayudarlo.
Generalizar
Las fuentes de Google plus son geniales y millones de websites las utilizan. Usan principios de diseño gráfico y tipografía fiables para lograr que la página web sea mucho más interesante, transparente, rápida y fácil de usar.
Para cerciorarse de que sus visitantes tengan una mayor vivencia general, le aconsejamos que prosiga las mejores prácticas de fuentes, tales como: Estas tienen dentro, por servirnos de un ejemplo, limitaciones de tamaño de fuente, cuidado de fuente local (si corresponde) y pautas de cumplimiento.
Ahora es tu turno: ¿qué fuentes y pares de fuentes te gustan mucho más en Google+ Fonts? Háganos entender en los comentarios ahora y no olvide leer nuestra guía detallada Fuentes de WordPress!
Si le agradó este producto, le encantará la plataforma de alojamiento Kinsta WordPress. Optimize su portal web y consiga soporte 24/7 de nuestro experimentado equipo de WordPress. Nuestra infraestructura de Google plus Cloud se centra en la escalabilidad, el desempeño y la seguridad. ¡Vamos a enseñarte lo diferente que es Kinsta! Ver plan
Deja una respuesta