Desde la versión GP Premium 1.2.90 sólo las 200 fuentes de Google más populares se muestran en la lista desplegable del personalizador de tipografía en GeneratePress.
Y aunque 200 fuentes pueden parecer suficientes hay veces que un diseño requiere un tipo de letra que no está disponible.
Descubre cómo incluir en el personalizador de GeneratePress una fuente de Google mediante código.
Te propongo un caso real, en el que me encargaron diseñar una tienda online con GeneratePress + Woocommerce y una de las especificaciones de diseño era usar la tipografía de Google Arsenal para los encabezados y para el cuerpo PT Sans.
En el caso de la tipografía del cuerpo no hubo problema ya que se encontraba disponible en el listado de tipos de letra del personalizador por defecto , pero Arsenal no aparecía y tuve que añadirla con las siguientes líneas de código PHP en el archivo functions.php del Child Theme:
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í.
Recomendaciones
Intenta elegir las mínimas variaciones (variants) posibles.
Esto es importante, ya que cada variante es un archivo adicional que la página tiene que cargar. Reduce la cantidad de variantes que se cargan y acelerarás tu sitio web de forma considerable.
Normalmente uso las siguientes:
- 300 – para algunos encabezados
- 400 – para todo el contenido
- 400i – contenido en cursiva
- 700 – encabezados y negrita
Conclusiones
Con unas simples líneas de código, podrás incorporar al personalizador de GeneratePress la tipografía de Google Fonts que tu quieras.
Así de fácil !!!
¿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 ?