Descubre cómo introducir Google Fonts en un child theme de Genesis Framework con un simple snippet de código.
La mayoría de child themes de Genesis ya llevan por defecto alguna Google Font, aunque determinados temas traen una fuente propia alternativa.
En cualquier caso, tanto si quieres sustituir una fuente personalizada como si prefieres incluir una nueva familia tipográfica de Google Fonts, puedes hacerlo de forma sencilla.
Snippet para insertar una Google font en Genesis
Opción 1: si el tema NO posee ninguna Google Font
En este caso, añade el siguiente fragmento al final del fichero functions.php:
Para ver este código y los otros 2057 snippets de esta web,
identifícate o suscríbete aquí.
Con este bloque agregas la fuente Lato con dos variaciones de grosor: 300 y 700.
Opción 2: si el child theme YA tiene una Google Font
En general, los temas hijos de Genesis casi siempre cargan alguna Google Font.
Por ejemplo, Genesis Sample utiliza Source Sans Pro.
Si quieres añadir la familia Lato en este tema, solo necesitas cambiar estas líneas de functions.php:
Para ver este código y los otros 2057 snippets de esta web,
identifícate o suscríbete aquí.
Así, dependiendo de si buscas añadir o sustituir una familia tipográfica, puedes hacerlo modificando estos bloques a tu gusto en functions.php.
Una vez que has añadido la fuente ya puedes aplicarla en los elementos de la web que desees modificando el style.css.
Actualización: Si estás usando Genesis Sample 3.0 o superior la estructura de ficheros ha cambiado, por lo que el cambio NO debes realizarlo en functions.php. Sigue leyendo para saber más.
A partir de Genesis Sample 3.0 algunas de las características relacionadas con la apariencia del child theme se encuentran en el fichero appearance.php dentro de la carpeta /config/.
Por lo tanto, para sustituir Source Sans Pro por Lato tendrías que cambiar:
Para ver este código y los otros 2057 snippets de esta web,
identifícate o suscríbete aquí.
Ya lo ves, es concepto es el mismo, pero las modificaciones tienes que aplicarlas en otro fichero.
Conclusión
Si necesitas introducir una fuente de Google a un child themes de Genesis, ahora ya sabes cómo hacerlo de forma sencilla.
Recomendación de un aprendiz del minimalismo:
Añade solo aquellos elementos que sean imprescidibles para la web.
En la mayoría de casos una o dos familias son suficientes. De hecho, utilizar más podría comprometer la homogeneidad del diseño.
Además, recuerda que cuantas más fuentes (y variaciones de las mismas) incluyas en el tema, mayor será el tiempo de carga de la web. Así que procura mantenerla en forma. 😉
Si tienes alguna pregunta o quieres darme una sugerencia para próximos snippets, déjala en los comentarios.
Ventajas de ser suscriptor. 😉
