Cómo agregar fuentes de Google a WordPress

Una forma de mejorar drásticamente el diseño y la profesionalidad de su sitio web es usar excelentes fuentes. La mayoría de las personas nunca piensan en la fuente que usan en su sitio web. Sin embargo, si desarrolla su propio tema o edita un tema presente instalado, una buena selección de fuentes debería ser una gran parte del proceso. Seleccionar una fuente o una combinación de fuentes para su sitio web fue una tarea simple y honesta. Muy pocas fuentes seguras han estado disponibles para la web, pero ahora, con la creación continua de la gran cantidad de fuentes optimizadas para la web, puede ser difícil de entender.
Con la creación de Google Fonts y más de 900 familias de fuentes disponibles ahora, el proceso de elegir una buena fuente es aún más complejo. Sin embargo, en los últimos años, el desarrollo en torno a Google Fonts ha hecho que la implementación de cualquier opción que haga es mucho más fácil de lo que ha sido. ¿Por qué debería usar Google Fonts?

Google Fonts se ha convertido en uno de los recursos de fuentes más grandes disponibles en la web hoy. No solo hay más de 900 familias de fuentes que puede usar, sino que todas son fuentes de código abierto que cualquier persona puede crear y mejorar.
Los diseñadores que crean fuentes deben pasar por un proceso de examen para que su fuente se incluya en el directorio de Google. Esto significa que, además de tener acceso a miles de diseñadores de todo el mundo, las fuentes no se pueden agregar al Director sin garantizar que primero estén completos y optimizados para la Web. El uso de diferentes fuentes en el pasado significaba que las personas tenían que tener la fuente instalada en su propia computadora para permitir que el navegador las muestre correctamente. Con Google Fonts, se accede directamente a todas las fuentes directamente desde el director de Google, asegurándose de que trabajen prácticamente en cualquier equipo con cualquier navegador. Esto abre una cantidad sin precedentes de libertad de diseño para el desarrollo de sitios web. ¿Cómo uso Google Fonts en mi sitio? Algunos temas de WordPress, como el tema total de WordPress, incluyen opciones incorporadas en el tema para cambiar fácilmente sus fuentes de Google. Navegue al personalizador y haga clic en la pestaña Tipografía para editar las fuentes principales, el tamaño de la fuente, el peso de la fuente e incluso espaciar la línea para los elementos en todo el tema.
Sin embargo, si usa otro tema, puede agregar Google Fonts manualmente o usar un complemento. Complementos de WordPress para agregar fuentes de Google

Información y descarga

Uno de los mejores complementos gratuitos para agregar Google Fonts a su sitio es el uso de las fuentes de complementos de Google Fonts gratuitas que puede descargar desde WordPress Warehouse. Lo más fácil de descargar es desde el tablero de WordPress. Simplemente inicie sesión en su sitio de WordPress y vaya a los complementos de acceso> Agregar un nuevo. Entonces solo tiene que buscar “Fuentes de Google fáciles” para una instalación rápida y fácil. Información y descarga de la demostración de la vista
Otro gran complemento para personalizar sus fuentes en el sitio es el editor CSS Yellow Pencil Live (que es gratuito en nuestro tema de WordPress en Nueva York). La ventaja de este complemento es que no solo le permite cambiar las fuentes de su sitio web mediante un simple método de clic y edición. También puede personalizar todos los colores de su tema de WordPress, tamaño de fuente, pesos de fuentes, rellenos, bordes … etc. ¿Qué fuentes debo usar? La mayor fortaleza de Google Fonts puede dificultar su vida. Hay una gran cantidad de fuentes disponibles para usar que encontrar y elegir una combinación decente de fuentes puede ser un desafío.

Las fuentes que elija dependerán completamente de lo que intente transmitir con su diseño. Las fuentes se utilizan para capturar el interés de los lectores del sitio. Se utilizan para llamar la atención sobre los diversos aspectos del sitio web, y un gran diseñador puede hacer maravillas con diferencias muy sutiles en las fuentes que usan.
Una cosa que debe entender es la diferencia entre una fuente y una fuente. Estos dos términos se usan con frecuencia e incorrectamente incorrectos. Una fuente es la colección completa de letras, símbolos numéricos, etc. Cuando se refiere al diseño de esa colección, lo llama tipografía. Hay varias clasificaciones que se pueden aplicar a los tipos de carácter. Estos son: serif, sans serif, visualización, escritura a mano (o guión) y monoespacial. Hay otros que se usan impresos, aunque no tendremos que preocuparnos por ellos en este momento. Entonces, ¿cuáles son las diferencias entre ellos? Los tipos de serif tienen una cola que cuelga en el borde de cada personaje.
Los tipos de caracteres sans serif no tienen colas.

Los tipos de exhibición son inusuales y decorativos.
Los tipos de escritura a mano parecen cursivos escritos a mano o bloqueados.

Finalmente, las fuentes monoespaciales están compuestas por caracteres que ocupan cada misma cantidad de espacio.

Las mejores prácticas de fuentes de diseño web Existen algunas pautas sobre las mejores prácticas que debe seguir al elegir qué fuentes usar. Es una buena idea evitar usar más de dos fuentes diferentes en el diseño de su sitio. Puede ser difícil equilibrar más de dos fuentes. Y mezclar más de dos tipos de caracteres en un solo sitio puede causar graves problemas visuales. Si usa dos fuentes diferentes, por ejemplo, una para títulos y otra para contenido, asegúrese de no elegirlas de la misma clasificación de los tipos de caracteres. Es mejor combinar tipos de personajes. En otras palabras, evite el uso de dos serifs diferentes o dos fuentes sans serif diferentes. Hay fuentes que funcionan muy bien para los títulos, pero no son ideales para el contenido del cuerpo y viceversa. Hay sitios que usan fuentes para su contenido, que pueden ser difíciles de leer. Las fuentes de contenido deben ser limpias y fáciles de leer, mientras que las fuentes de título deben usarse para el máximo impacto y llamar la atención sobre ciertas áreas de su sitio. Google Fonts para WordPress como podría comenzar a apreciar, la selección de fuentes para el diseño de su sitio web puede ser un proceso complicado e involucrado. La decisión tiene mucho más que elegir dos fuentes.

Hay varias cosas que debes esforzarte por asegurar en tus elecciones. Asegúrese de que la jerarquía de la clase de encabezado esté equilibrada y que las etiquetas del encabezado se reduzcan en la dimensión relativa. La mitad de la batalla de un diseño y una buena casa impresa debe estar de acuerdo con sus opciones de fuente. Esto incluye el tamaño de la fuente, los pesos y el espacio. Usando Google Fonts y Google Typography Plugin, este proceso es mucho más fácil que nunca. Incluso con estos recursos, la tipografía profesional y equilibrada sigue siendo un desafío. Si aún no está seguro de las elecciones que hace y pierde cuando intenta averiguar las diferencias entre todas sus opciones, pueden ser el tiempo como profesional de diseñadores para tomar un Mire su sitio, ¿ha implementado Google Fonts en su sitio web? ¿Ha creado un tema desde cero que incluye Google Fonts? Nos gustaría escuchar sus pensamientos sobre la impresión de impresión y las fuentes favoritas en los comentarios a continuación.