Integracion de fuentes de Google en el sitio de Wordpress

Integración de fuentes de Google en el sitio de WordPress

Google Fonts se ha convertido en el recurso de referencia para la tipografía web personalizada desde su desarrollo en 2010. Hay tres razones principales por las que Google se ha convertido en el favorito aquí. Primero, no había servicios de fuentes lo suficientemente decentes, por lo que Google llenó el vacío. En segundo lugar, incluso al principio, la variedad que ofrecían era relativamente excelente. Actualmente, hay más de 800 fuentes disponibles en muchos estilos. En tercer lugar, estas fuentes están disponibles de forma gratuita, lo que las hace particularmente atractivas.

Además, son sorprendentemente fáciles de incorporar a sus proyectos de diseño. Le mostraremos cómo puede incluir estas fuentes de Google en su sitio de WordPress.

Fuentes de Google

Para comenzar, deberá seleccionar la fuente con la que desea trabajar. Hay una variedad de opciones, por lo que tiene un menú bastante grande para elegir. Puedes encontrarlos yendo a Página de fuentes de Google. Si está buscando una fuente específica, simplemente escriba el nombre de la fuente en el cuadro de búsqueda y debería mostrar un ejemplo.

También hay otros parámetros de búsqueda que puede utilizar. Justo debajo del cuadro de búsqueda hay un botón llamado Categorías. Si hace clic en él, mostrará un menú desplegable con cinco opciones. Estos son los siguientes:

  • Serif: son fuentes con líneas cortas formadas por los trazos superiores e inferiores de una letra. Times New Roman y Sylfaen son buenos ejemplos.
  • Sans Serif: como sugiere el nombre, estas son fuentes sin esas pequeñas líneas. Suelen tener una estética sencilla y limpia.
  • Pantalla: estas son las que podría llamar fuentes que llaman la atención. Son más adecuados para encabezados que para textos largos.
  • Escritura a mano: estas fuentes hacen que parezca que alguien las ha escrito a mano. Verá que muchos son cursivas o tienen un espaciado menos consistente.
  • Minivan: como una máquina de escribir, sus letras ocupan el mismo ancho horizontal. Están espaciados de manera muy consistente.

Además de estos, también tiene otras opciones para elegir, como seleccionar el idioma y las propiedades de la fuente. Este último incluye el número de estilos, grosor, inclinación y ancho.

Incrustar fuentes en WordPress

Si desea incluir estas fuentes únicas en su sitio de WordPress, existen varios métodos que puede probar.

Usa CSS

Haga clic en la fuente de la selección de Google y lo llevará a la página detallada de fuentes. En la esquina superior derecha hay un signo «+». Haga clic en él y se abrirá una ventana lateral. Haga clic en «Integrar».

Ahora puede hacer clic en @importar. Esto abrirá el código CSS que necesita copiar. Vaya a la hoja de estilo de su tema de WordPress y péguela al principio. Asegúrese de haber copiado el enlace de importación sin los corchetes