Close popover

Table of Contents

Customizing fonts for the native mobile app components

Version:

Customize the fonts for the text that is displayed on the header or the bottom bar of your mobile app, to conform to your company's branding and to improve readability.

  1. Upload the font files.

    For more information, see Uploading custom font files.

  2. Modify the fonts list.

    For more information, see Modifying the fonts settings file for font customization.

  3. Modify the skin of your application.

    For more information, see Modifying the application skin for font customization.

Custom fonts override the default fonts that display on the header or the bottom bar of your mobile app. You can now generate the mobile app distributable files that include the new styling. For more information, see Generating installation packages.

  • Uploading custom font files

    Upload new font files to customize and improve the user interface of your mobile apps. You can change fonts for the text that is displayed on native elements of your mobile app, or replace the font for icons in your imported mobile app.

  • Modifying the fonts settings file for font customization
  • Modifying the application skin for font customization

    You customize the fonts for the text that is displayed on native elements of your mobile app, for example, to conform to your company's branding or to improve readability. After you modify the fonts list for your mobile app, modify your application skin to display these fonts in the user interface.

  • Mobile app branding and layout

    Before you build a mobile app, you can customize its branding and layout to meet your company's specific requirements. Upload images to Pega Platform, and then use them to customize the splash screen, application icon, and other branding assets.

  • Replacing the icon font in imported applications

    Ensure that your mobile app is displayed properly with the Mobile – Slide Up layout, by replacing the font for icons on the header or the bottom bar. Complete this procedure when the UI Kit in your application is in an earlier version than version 14, and you do not add the latest UI Kit to your application stack.

Have a question? Get answers now.

Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.