Configuración de la tipografía en la aplicación MemberPress

La tipografía establece la identidad de marca y mejora la legibilidad del contenido dentro de las aplicaciones móviles. La aplicación MemberPress admite la configuración personalizada de fuentes mediante Google Fonts o archivos de fuentes cargados. Este documento explica cómo importar fuentes, asignar tipografía a secciones de la aplicación y optimizar la visualización del texto para fomentar la participación de los miembros.

Comprender la configuración tipográfica

La configuración tipográfica controla las familias, los estilos y los tamaños de fuente en toda la aplicación. Las fuentes personalizadas alinean la apariencia de la aplicación con las directrices de la marca y mejoran la coherencia visual. La integración de Google Fonts ofrece amplias opciones tipográficas sin necesidad de gestionar archivos. La posibilidad de cargar fuentes personalizadas permite utilizar tipografías propias de la marca. Una configuración tipográfica adecuada mejora la legibilidad y refuerza la identidad de marca en todas las pantallas de la aplicación.

Comprender las ventajas de la tipografía

La tipografía personalizada ofrece múltiples ventajas en cuanto a la experiencia del usuario y la imagen de marca.

Refuerzo de la identidad de marca se produce mediante el uso coherente de los tipos de letra. Los miembros asocian fuentes específicas con el reconocimiento y la confianza en la marca.

Optimización de la legibilidad Mejora mediante la selección adecuada de la fuente. Los tipos de letra bien diseñados mejoran la comprensión y reducen la fatiga visual.

Coherencia en el diseño surge de una tipografía unificada en todas las pantallas. El uso coherente de las fuentes crea una apariencia profesional y pulida.

Mejora de la accesibilidad resultado de un tamaño y grosor adecuados de la fuente. Una tipografía legible beneficia a los miembros con diferentes capacidades visuales.

Acceder a la configuración tipográfica

Toda la configuración tipográfica se realiza dentro de la interfaz tipográfica de la marca.

1. Vaya a Panel de control > Aplicación MP > Marca > Tipografía.
   
2. Localice el Importar fuentes sección.

La configuración tipográfica controla tanto las importaciones de fuentes como las asignaciones de fuentes específicas para cada sección.

Carga de fuentes personalizadas

Las fuentes personalizadas añaden tipos de letra propios a la biblioteca de fuentes de la aplicación.

1. Vaya a Panel de control > Aplicación MP > Marca > Tipografía.
   
2. Haga clic en Subir fuentes en la sección Importar fuentes.

3. Haga clic en Elegir archivo en el cuadro de diálogo de carga.

4. Seleccione un archivo de fuente del dispositivo.
   
5. Comprueba que el formato del archivo sea TTF, OTF o WOFF.
   
6. Haga clic en Cargar para completar la importación.
   
7. Comprueba que la fuente aparece en Fuentes importadas.

Las fuentes cargadas estarán disponibles inmediatamente para su asignación a secciones de la aplicación.

Formatos de archivo de fuentes compatibles

Los diferentes formatos de fuente ofrecen distintos niveles de compatibilidad y características.

Fuente TrueType (TTF) Ofrece una amplia compatibilidad entre plataformas. Los archivos TTF funcionan de manera fiable en la mayoría de los contextos.

Fuente OpenType (OTF) Ofrece funciones tipográficas avanzadas. OTF admite conjuntos de caracteres ampliados y ligaduras.

Formato de fuente abierto para web (WOFF) Optimiza la entrega de fuentes para contextos web. Los archivos WOFF se comprimen de manera eficiente para obtener tamaños más pequeños.

Sube las fuentes en el formato que coincida con los archivos de origen. Evita convertir entre formatos, ya que esto puede degradar la calidad.

Importación de fuentes de Google

La integración de Google Fonts añade fuentes web a la biblioteca de fuentes de la aplicación.

1. Vaya a Panel de control > Aplicación MP > Marca > Tipografía.
   
2. Haga clic en Importar fuentes de Google en la sección Importar fuentes.

3. Explora las fuentes disponibles o utiliza el campo de búsqueda.

4. Introduzca el nombre de una fuente en el campo de búsqueda para filtrar los resultados.
   
5. Haga clic en el nombre de una fuente para obtener una vista previa de los estilos y ver los detalles.
6. Revisa los grosores y estilos de fuente disponibles en la vista previa.
   
7. Tenga en cuenta cualquier advertencia de compatibilidad para la fuente seleccionada.

8. Haga clic en Importar para añadir la fuente a la biblioteca.

9. Comprueba que la fuente aparece en Fuentes importadas.

Las fuentes importadas de Google incluyen automáticamente todos los grosores y estilos disponibles.

Asignación de fuentes a secciones de la aplicación

Las asignaciones de fuentes controlan la tipografía de elementos específicos de la interfaz.

Asignación de fuente para el cuerpo del texto

El texto del cuerpo representa el contenido principal de toda la aplicación.

1. Vaya a Panel de control > Aplicación MP > Marca > Tipografía.
   
2. Desplácese hasta el Texto del cuerpo sección.
   
3. Haga clic en el botón Familia tipográfica desplegable.
   
4. Selecciona una fuente.
   
5. Revise el panel de vista previa en vivo para verificar la apariencia.

La fuente del texto del cuerpo afecta a las entradas del blog, al contenido de las páginas y al texto general de toda la aplicación.

Asignación de títulos a la barra de navegación Fuente

Los títulos de la barra de navegación aparecen en los encabezados de las aplicaciones y en los títulos de las páginas.

1. Localice el Títulos de la barra de navegación sección.
   
2. Haga clic en el botón Familia tipográfica desplegable.
   
3. Selecciona una fuente.
   
4. Revisa la vista previa de la barra de navegación en el panel de vista previa en vivo.

La tipografía de la barra de navegación debe ser clara y legible a distancias de visualización normales.

Asignación de encabezados Fuente

Los encabezados organizan el contenido mediante una presentación visual.

1. Localice el Encabezados sección.
   
2. Haga clic en el botón Familia tipográfica desplegable.
   
3. Selecciona una fuente.
   
4. Revisa la jerarquía de los encabezados en el panel de vista previa en vivo.

Las fuentes de los encabezados deben proporcionar una diferenciación visual clara con respecto al texto del cuerpo.

Asignación de etiquetas a la barra de pestañas Fuente

Las etiquetas de la barra de pestañas identifican las opciones de navegación inferiores.

1. Localice el Etiquetas de la barra de pestañas sección.
   
2. Haga clic en el botón Familia tipográfica desplegable.
   
3. Selecciona una fuente.
   
4. Revise la vista previa de la barra de pestañas en el panel de vista previa en vivo.

Las fuentes de la barra de pestañas deben seguir siendo legibles en tamaños pequeños en pantallas móviles.

Asignación de fuentes para menús

Las fuentes del menú controlan el texto de los elementos de navegación en la barra de pestañas y en el menú Más.

1. Localice el Menús sección.
   
2. Haga clic en el botón Familia tipográfica desplegable.
   
3. Selecciona una fuente.
   
4. Revisa la vista previa del menú en el panel de vista previa en vivo.

Las fuentes del menú deben proporcionar una legibilidad clara para facilitar la navegación rápida.