Cómo agregar fuentes de Google a WordPress

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 está desarrollando su propio tema o editando un tema que tiene instalado actualmente, una buena selección de fuentes debería ser una gran parte del proceso.

Seleccionar una fuente o combinación de fuentes para su sitio web solía ser una tarea simple y francamente bastante aburrida. Había muy pocas fuentes seguras para la web disponibles para su uso, pero ahora con la gran cantidad de fuentes optimizadas para la web que se crean continuamente, puede ser difícil determinar cuáles usar.

Con la creación de Fuentes de Google y las más de 900 familias de fuentes ahora disponibles para usted, 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 implementar cualquier elección que haga sea mucho más fácil de lo que nunca ha sido.

¿Por qué debo usar las fuentes de Google??

Google Fonts se ha convertido en uno de los mejores recursos de fuentes disponibles hoy en la web.

No solo hay más de 900 familias de fuentes para que las use, todas son fuentes de código abierto que cualquiera puede crear y mejorar.

Los diseñadores que crean fuentes deben pasar por un proceso de consideración para que su fuente se incluya en el directorio de Google. Eso significa que además de tener acceso a miles de diseñadores en todo el mundo, las fuentes no se pueden agregar al directorio sin asegurarse primero de que estén completas y optimizadas 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 mostrara correctamente. Con Google Fonts, se accede directamente a todas las fuentes desde el directorio de Google, lo que garantiza que funcionarán en prácticamente cualquier máquina con cualquier navegador. Esto abre una cantidad de libertad de diseño sin precedentes para el desarrollo de sitios web..

¿Cómo uso las fuentes de Google en mi sitio web??

Algunos temas de WordPress, como el tema Total de WordPress, incluyen opciones integradas en el tema para modificar fácilmente las fuentes de Google. Solo navega hasta el Personalizador y haga clic en el Tipografía pestaña para editar las fuentes principales, el tamaño de la fuente, el peso de la fuente e incluso el espaciado entre líneas para elementos en todo el tema.

Opciones de fuente de tema total

Sin embargo, si está utilizando un tema diferente, entonces podría agregar fuentes de Google manualmente o usar un complemento.

Complementos de WordPress para agregar fuentes de Google

Uno de los mejores complementos gratuitos para agregar fuentes de Google a su sitio es usar el complemento gratuito Easy Google Fonts que puede descargar desde el repositorio de WordPress. Sin embargo, la forma más fácil de descargar es directamente desde su panel de WordPress. Simplemente inicie sesión en su sitio de WordPress y vaya a Complementos> Agregar nuevo. Luego busque “Fuentes de Google fáciles” para una instalación rápida y fácil.

Información y descargaVer la demostración

Otro gran complemento para personalizar sus fuentes en el sitio es el complemento del editor de CSS Yellow Pencil Live (que se incluye de forma gratuita en nuestro tema de WordPress de Nueva York). El beneficio de este complemento es que no solo le permite alterar las fuentes de su sitio web a través de un método fácil de hacer clic y editar. También puede personalizar todos los colores, tamaños de fuente, pesos de fuente, rellenos, márgenes, etc. de su tema de WordPress..

¿Qué fuentes debo usar??

La mayor fortaleza del Directorio de fuentes de Google también puede hacerte la vida difícil. Hay una cantidad tan grande de fuentes disponibles para usar que encontrar y elegir una combinación de fuentes decente puede ser un desafío.

Las fuentes que elija dependerán completamente de lo que esté tratando de 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 varios aspectos del sitio web, y un gran diseñador puede hacer maravillas con diferencias muy sutiles en las fuentes que utilizan..

Una cosa que debe comprender es la diferencia entre una fuente y un tipo de letra. Esos dos términos se usan con frecuencia e incorrectamente de manera intercambiable. Una fuente es la colección completa de letras, números, símbolos, etc. Al referirse al diseño de esa colección, la llamaría tipografía.

Clasificaciones de fuentes

Hay varias clasificaciones que se pueden aplicar a los tipos de letra. Ellos son: Serif, Sans Serif, Display, Handwriting (o Script) y Monospace. Hay otros que se usan en forma impresa, aunque no necesitaremos preocuparnos por ellos en este momento..

Entonces, ¿cuáles son las diferencias entre ellos??

Serif los tipos de letra tienen una cola que cuelga del borde de cada personaje.

Serif Typeface

Sans Serif las tipografías no tienen colas.

Tipografía Sans Serif

Monitor las tipografías son inusuales y decorativas.

Tipo de letra de pantalla

Escritura los tipos de letra se parecen a la escritura cursiva o en bloque a mano.

Tipografía de escritura a mano

Finalmente, monoespacio las fuentes están compuestas de caracteres que ocupan exactamente la misma cantidad de espacio.

Tipografía monoespacial

Mejores prácticas de fuentes para diseño web

Hay algunas pautas de mejores prácticas a seguir al elegir qué fuentes usar.

Es una buena idea evite usar más de dos fuentes diferentes en el diseño de tu sitio. Puede ser difícil equilibrar más de dos fuentes. Y mezclar más de dos tipos de letra en un sitio puede causar serios problemas visuales.

Si está utilizando dos fuentes diferentes, por ejemplo, una para títulos y otra para contenido, asegúrese de no elegirlas de la misma clasificación de tipo de letra. Sus mejor combinar tipos de letra. En otras palabras, evite usar dos fuentes Serif 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 las fuentes de título deben usarse para obtener el máximo impacto y llamar la atención sobre áreas específicas de su sitio.

Terminando las fuentes de Google para WordPress

Como puede estar comenzando a apreciar, seleccionar fuentes para el diseño de su sitio web puede ser un proceso complicado e involucrado. Hay mucho más en la decisión que simplemente elegir cualquiera de las dos fuentes.

Hay varias cosas que debe esforzarse por garantizar en sus elecciones. Asegúrese de que la jerarquía de la clase de encabezado esté equilibrada y que las etiquetas de encabezado se reduzcan en tamaño relativo.

La mitad de la batalla del buen diseño del sitio y la tipografía es ser consistente con sus elecciones de fuentes. Eso incluye tamaños de fuente, pesos y espaciado. El uso de Google Fonts y el complemento de Google Typography hace que todo este proceso sea mucho más fácil de lo que nunca ha sido. Incluso con estos recursos, tener una tipografía profesional y equilibrada sigue siendo un desafío.

Si todavía no está seguro de las elecciones que está haciendo y se pierde cuando intenta descubrir las diferencias entre todas sus opciones. Puede ser hora de que un diseñador profesional eche un vistazo a su sitio.

¿Has implementado Google Fonts en tu sitio web? ¿Has creado un tema desde cero que incluye Google Fonts? Nos encantaría conocer tu opinión sobre la tipografía y tus fuentes favoritas en los comentarios a continuación..

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map