Una forma de mejorar drásticamente el diseño y la profesionalidad de su sitio web es utilizar fuentes excelentes.
La mayoría de las personas nunca piensan dos veces en la fuente que utilizan en su sitio web. A pesar de todo, si está desarrollando su propio tema o editando un tema que tiene instalado en este momento, 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 están creando 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. A pesar de todo, en los últimos años, el desarrollo en torno a Google Fonts ha hecho que llevar a la práctica cualquier elección que haga sea mucho más fácil que nunca.
¿Por qué debería utilizar las fuentes de Google?
Google Fonts ha llegado a ser uno de los mejores recursos de fuentes disponibles en la web hoy.
No solo hay más de 900 familias de fuentes para usar, 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 consideración para que su fuente se incluya en el directorio de Google. Eso significa que, a la vez de tener acceso a miles de diseñadores a nivel mundial, las fuentes no se pueden agregar al directorio sin antes asegurarse 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 de forma directa a todas las fuentes desde el directorio de Google, lo que garantiza que funcionarán prácticamente en cualquier máquina con cualquier navegador. Esto abre una cantidad sin precedentes de libertad de diseño para el desarrollo de sitios web.
¿Cómo utilizo las fuentes de Google en mi sitio web?
Algunos temas de WordPress como el Tema total de WordPress incluya opciones integradas en el tema para modificar fácilmente sus 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 interlineado de los items del tema.
A pesar de todo, si está usando un tema diferente, puede agregar Google Fonts manualmente o usar un complemento.
Complementos de WordPress para agregar fuentes de Google
Uno de los mejores complementos gratuitos para agregar Google Fonts a su sitio es por medio de el complemento gratuito Easy Google Fonts que puede descargar desde el repositorio de WordPress. A pesar de todo, el más fácil de descargar es de forma directa desde su panel de WordPress. Simplemente inicie sesión en su sitio de WordPress y vaya a Complementos> Agregar nuevo. Después, busque «Easy Google Fonts» para una instalación rápida y sencilla.
Otro gran complemento para personalizar sus fuentes en el sitio es el complemento del editor Yellow Pencil Live CSS (que se incluye de forma gratuita en nuestro tema de WordPress de Nueva York). La ventaja de este complemento es que no solo le posibilita modificar las fuentes de su sitio web por medio de un método sencillo de hacer clic y editar. Al mismo tiempo puede personalizar todos los colores, tamaños de fuente, pesos de fuente, relleno, márgenes, etc. de su tema de WordPress.
¿Qué fuentes debo utilizar?
La mayor fortaleza del Directorio de fuentes de Google al mismo tiempo puede complicarle la vida. Hay una gran cantidad 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 captar 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 utiliza.
Una cosa que debe entender es la diferencia entre una fuente y un tipo de letra. Estos dos términos se usan indistintamente a menudo e incorrectamente. 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. Son: Serif, Sans Serif, Display, Handwriting (o Script) y Monospace. Hay otros que se utilizan en forma impresa, aunque no tendremos que 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 carácter.
Sans Serif los tipos de letra no tienen cola.
Monitor las tipografías son inusuales y decorativas.
Escritura los tipos de letra parecen escritos a mano en cursiva o en bloques.
Por último, monoespacio las fuentes se componen de caracteres que ocupan exactamente la misma cantidad de espacio.
Mejores prácticas de fuentes para el diseño web
Hay algunas pautas de mejores prácticas que se deben seguir al elegir qué fuentes utilizar.
Es una buena idea evite usar más de dos fuentes diferentes en el diseño de su sitio. Puede resultar 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, a modo de ejemplo, una para los títulos y otra para el contenido, asegúrese de no elegirlas de la misma clasificación tipográfica. Sus mejor combinar tipos de letra. En otras palabras, evite utilizar 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 utilizan 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 del título deben usarse para alcanzar el máximo impacto y llamar la atención sobre áreas específicas de su sitio.
Resumiendo las fuentes de Google para WordPress
Como puede comenzar a apreciar, la selección de fuentes para el diseño de su sitio web puede ser un proceso complicado y complicado. La decisión implica mucho más que simplemente elegir dos fuentes.
Hay varias cosas que debe esforzarse por asegurar en sus elecciones. Asegúrese de que su jerarquía de clases 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 coherente con las opciones de fuente. Eso incluye tamaños de fuente, pesos y espaciado. El uso de Google Fonts y el complemento de tipografía de Google hace que todo esta operación 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 aún no está seguro de las decisiones que está tomando y se pierde cuando intenta averiguar las diferencias entre todas sus opciones. Puede que sea el momento de que un diseñador profesional eche un vistazo a su sitio.
¿Ha implementado Google Fonts en su sitio web? ¿Ha creado un tema desde cero que incluye Google Fonts? Nos encantaría conocer su opinión sobre la tipografía y sus fuentes favoritas en los comentarios a continuación.
