Configuración de Google Fonts en la aplicación MemberPress

La integración de Google Fonts permite personalizar la tipografía para que se ajuste a las directrices de estilo de la marca. Para importar fuentes es necesario disponer de una clave API válida de Google Fonts. En este documento se explica cómo configurar la clave API, importar fuentes y aplicar la tipografía en toda la aplicación.

Comprender la integración de Google Fonts

Google Fonts ofrece una amplia gama de opciones tipográficas para personalizar la tipografía de las aplicaciones. La configuración de la clave API conecta la aplicación con la biblioteca de Google Fonts. Las fuentes importadas se pueden aplicar a diversos elementos de la interfaz, como el texto del cuerpo, los encabezados y las etiquetas de navegación.

Configuración de la clave API de Google Fonts

La configuración de la clave API permite la función de búsqueda e importación de fuentes.

1. Vaya a Dashboard > MP App > Integrations > Google Fonts.
   
2. Haga clic en Obtener una clave junto al campo Clave API de Google Fonts.

3. La Consola de desarrolladores de Google se abre en una nueva pestaña del navegador.
   
4. Desplácese hacia abajo y haga clic en Obtener una clave en la página Obtener y utilizar una clave API.

5. Inicie sesión con una cuenta de Google si se le solicita.
6. Cree un nuevo proyecto o seleccione uno existente de la lista.

7. Introduzca un nombre para el proyecto en el campo «Nombre del proyecto».
   
8. Confirmar habilitación de API.

9. Haga clic en Mostrar clave.

10. Copie la clave API generada del campo que se muestra.
    
11. Volver a Dashboard > MP App > Integrations > Google Fonts.
    
12. Pega la clave API en el campo Clave API de Google Fonts.
    
13. Haga clic en Guardar cambios.

Nota: Se requiere una clave API válida antes de importar fuentes desde la biblioteca de Google Fonts.

Importación de fuentes de Google

La importación de fuentes añade tipos de letra a la lista de fuentes disponibles para la tipografía de la aplicación.

1. Vaya a Panel de control > Aplicación MP > Marca > Tipografía.
   
2. Localice el Importar fuentes de Google sección.
   
3. Haga clic en Importar fuentes de Google para abrir el navegador de fuentes.

4. Explora las fuentes disponibles o utiliza el campo de búsqueda para encontrar tipos de letra específicos.
   
5. Seleccione la fuente deseada de los resultados de búsqueda o de la lista.

6. Haga clic en Importar para añadir la fuente a las fuentes disponibles.

Nota: Las fuentes importadas deben estar en formato TTF para funcionar correctamente dentro de la aplicación.

Aplicación de fuentes importadas

Las fuentes importadas aparecen en la configuración tipográfica para su asignación a los elementos de la interfaz.

1. Vaya a Panel de control > Aplicación MP > Marca > Tipografía.
   
2. Desplácese hasta el elemento de la interfaz que requiere la asignación de fuente.
   
3. Seleccione la fuente deseada en el menú desplegable de familias de fuentes para:

• Texto del cuerpo para la tipografía del contenido principal;
• Encabezados para los niveles de encabezado H1 a H6;
• Títulos de la barra de navegación para el texto del encabezado;
• Etiquetas de la barra de pestañas para el texto de navegación inferior;
• Menús para el texto del elemento del menú.

4. Ajuste el tamaño de la fuente en los campos de tamaño si es necesario.
   
5. Configure estilos de fuente adicionales según sea necesario.
   
6. Haga clic en Guardar cambios para aplicar las selecciones de fuente.

Los cambios de fuente se aplican globalmente en todas las pantallas de la aplicación utilizando los elementos de interfaz seleccionados.