Google Fonts se convirtió 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 convirtió en el pionero aquí. Primero, no había servicios de fuentes que fueran lo suficientemente decentes, por lo que Google llenó el vacío. En segundo lugar, incluso al principio, la variedad que ofrecían era comparativamente grande. Actualmente, hay más de 800 fuentes disponibles en numerosos estilos. En tercer lugar, estas fuentes están disponibles de forma gratuita, lo que las hace especialmente atractivas.
Además, son sorprendentemente fáciles de integrar en 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 amplio para elegir. Puede encontrarlos dirigiéndose 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 aparecer una muestra.
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 esto, revelará un menú desplegable con cinco opciones. Estos son los siguientes:
- Serif: son fuentes con líneas cortas que provienen de 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 se pueden llamar fuentes que llaman la atención. Son mejores para títulos que para texto extenso.
- Escritura a mano: estas fuentes hacen que parezca que alguien las escribió a mano. Verá que muchos están en cursiva o tienen un espaciado menos consistente.
- Monoespacio: como una máquina de escribir, sus letras ocupan el mismo ancho horizontal. Están espaciados de manera muy consistente.
Sumado a estos, también tiene otras opciones para elegir, como seleccionar el idioma y las propiedades de 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.
Usando 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 eso y se abrirá una ventana lateral. Haga clic en "Insertar".
Ahora puedes hacer clic @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 el corchetes. Asegúrese de guardar y habrá agregado la fuente.
Usando PHP
Siga los primeros pasos y copie el enlace que obtiene después de hacer clic en el signo "+". Ahora, simplemente agréguelo al archivo header.php de su tema. Recuerde guardar para poder agregar la fuente.
Uso de una función de JavaScript
También puede probar algo conocido como "poner en cola". Necesitarás usar la función wp_enqueue_style para esto. A través de este método, puede agregar la fuente elegida a la sección de encabezado de todas las páginas de su sitio web. Es una excelente manera de agregar varios cambios a la vez.
Simplemente obtenga el enlace de la fuente (desde http hasta "), y agréguelo al archivo functions.php de su tema con código adicional alrededor. Aquí está el código que deberá usar:
función custom_add_google_fonts () {
wp_enqueue_style ("fuentes-personalizadas-de-google", https://fonts.googleapis.com/css2?family=Chelsea+Market&display=swap, falso);
}
add_action ('wp_enqueue_scripts', 'custom_add_google_fonts');
Cualquiera de estas opciones funcionará bien para integrar Google Fonts en su sitio web de WordPress, por lo que es importante elegir la que le resulte más cómoda.