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.
Icons in native components of Pega Infinity Mobile Client derive glyphs from a font file in the true type font (.ttf) format that is embedded in the mobile app executable file. Pega Platform stores font settings for Pega Infinity Mobile Client in the pyMobileFontsList file. When you import a mobile app that uses UI Kit in a version that is earlier than version 14, icons in the imported app derive glyphs from a font file in the .woff format, and the pyMobileFontsList file is missing from the app definition. Therefore, if you import applications from previous Pega Platform releases without upgrading to UI Kit from a version earlier than 14, convert and replace the icon font to avoid displaying incorrect icons in your mobile app.
  1. Download the .woff font files with icons, and then convert them to the .ttf format.
    For more information, see Converting the icon font for imported applications.
  2. Upload the font files.
    For more information, see Uploading custom font files.
  3. In the context of your application, manually create an empty pyMobileFontsList file.
    For more information, see Creating the font settings file for imported applications.
  4. Modify the fonts list.
    For more information, see Modifying the font settings file for imported applications.
Result: The uploaded icon font overrides the default font for icons on the header or the bottom bar of your mobile app. You can now generate the mobile app distributable files that include the icon font. For more information, see Generating installation packages.