Al crear flows, puede que quieras usar una fuente personalizada para que coincida con el resto de tu app. Aquí te explicamos cómo añadir fuentes personalizadas y usarlas en tus flows.

Fuentes integradas

Cuando creas un flow en el Builder, Adapty usa la fuente del sistema por defecto. Normalmente esto significa SF Pro en iOS y Roboto en Android, aunque puede variar según el dispositivo. También puedes elegir entre fuentes de uso común como Arial, Times New Roman, Courier New, Georgia y Helvetica. Cada una de estas fuentes incluye varias opciones de estilo. Estas fuentes no se incluyen en el SDK de Adapty y solo se usan con fines de previsualización. No podemos garantizar que funcionen perfectamente en todos los dispositivos. Sin embargo, en nuestras pruebas, la mayoría de los dispositivos las reconocen sin necesidad de ninguna configuración adicional. También puedes consultar qué fuentes están disponibles por defecto en iOS.

Añadir una fuente personalizada

Si necesitas usar fuentes distintas a la predeterminada del sistema, puedes añadir una fuente personalizada.

Para añadir una fuente personalizada: 0. Si la fuente es variable, divídela en archivos de un solo estilo con nombres únicos. Los controles de peso, negrita e itálica no se aplican a las fuentes personalizadas. Adapty solo registra un estilo por archivo de fuente personalizada. Para aplicar estilo al texto, cambia la fuente a la variación correcta.

1. Selecciona Upload new font en cualquiera de los desplegables de fuente.

2. En la ventana Add custom font, rellena los siguientes campos:

• Font name in Builder: Introduce un nombre de visualización para la fuente. Este nombre aparecerá en los menús desplegables de fuentes del Builder.
  • iOS font name: Introduce el nombre PostScript de la fuente. Puedes encontrarlo en Font Book → PostScript name, o a través de la API UIFont.
  • Android font name: Introduce el nombre del archivo de res/font/. Usa solo letras minúsculas, números y guiones bajos.
  • Font file: Arrastra y suelta el archivo de fuente o haz clic en Select files. Formatos compatibles: .ttf, .otf, .woff, .woff2.

3. Haz clic en Save font.

Al subir el archivo de fuente a Adapty, confirmas que tienes derecho a usarla en tu aplicación.

Eliminar una fuente personalizada

Eliminar una fuente personalizada desde el dashboard reescribe automáticamente todas las referencias a esa fuente por la fuente del sistema en todos los flows, tanto en borrador como publicados. No hay ningún aviso previo y la acción no se puede deshacer. Antes de eliminarla, asegúrate de que ningún flow activo la esté usando.

Fuentes personalizadas en plantillas de flow

La biblioteca de plantillas de flow incluye plantillas con fuentes personalizadas. Pasa el cursor sobre el chip Custom font de una tarjeta de plantilla para ver qué fuentes utiliza.

Adapty no incluye estas fuentes. Tienes que obtenerlas por tu cuenta, asegurándote de que los nombres coincidan con los que aparecen en el chip. Algunas fuentes pueden requerir una licencia comercial.

Una vez que tengas los archivos de fuentes, sigue los pasos de integración que se indican a continuación.

Agrega los archivos de fuentes al bundle de tu app

Si ya usas una fuente personalizada en otra parte de tu app, solo tienes que añadir las fuentes del paywall de la misma manera. Si no es así, asegúrate de incluir el archivo de fuentes en el proyecto y el bundle de tu app. Aquí te explicamos cómo hacerlo:

• En iOS: En la documentación oficial de Apple
• En Android: En la documentación oficial de Android