Descubre cómo introducir fácilmente Adobe Fonts en un child theme de GeneratePress con un simple snippet de código usando CSS de Typekit.
También aprenderás a mostrar esas fuentes en el personalizador de GeneratePress, para que puedas elegirlas de la misma manera que seleccionas las fuentes de Google incluidas.
Cómo añadir fuentes de Adobe en el personalizador de GeneratePress.
Añade el siguiente fragmento al final del fichero functions.php de nuestro child theme o en tu plugin de funcionalidades :
Este contenido está únicamente disponible para los suscriptores, para tener acceso a esta sección, y a todos los tutoriales y snippets de Código GP. Puedes identificarte en este enlace o si todavía no tienes un plan de pago puedes suscribirte aquí.
Con este snippet de código añadiremos la fuente al selector de tipografías en el personalizador de GeneratePress.
Ahora tenemos que añadir el archivo CSS que proporciona Adobe Fonts en la cabecera de tu sitio web.
Primero añadimos un nuevo Elemento desde Apariencia –> Elementos –> Hook :
Este contenido está únicamente disponible para los suscriptores, para tener acceso a esta sección, y a todos los tutoriales y snippets de Código GP. Puedes identificarte en este enlace o si todavía no tienes un plan de pago puedes suscribirte aquí.
Conclusión
Como ves, con unas pocas líneas de código, podrás incorporar al personalizador de GeneratePress la tipografía de Adobe Fonts que t tú quieras.
Y recuerda que en un tutorial anterior aprendimos a añadir cualquier fuente de Google Fonts a tu proyecto web en GeneratePress, por si lo necesitas.
Así de fácil!!! ¿ Qué te parece ?
¿Tienes alguna pregunta o quieres mandarme una sugerencia para próximos tutoriales ó snippets?
Déjala en el formulario de soporte de la intranet.
Recuerda solo si estás suscrito, si no estás suscrito no ?