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.
- In the header of Dev Studio, click the name of the application, and then click Skin.
- On the Component styles tab, click the More icon next to Dynamic layouts.
- Define the new configuration of your mobile app element that you want to
customize:
Choices Actions Bottom bar fonts - In the Controls list, select Menus.
- In the Menus section, click the Inherited tab, and then click Mobile bottom navigation.
- In the Mobile bottom navigation section, click the override it link.
- Expand the Text header.
- Select Specify styles.
Native header fonts - In the Layouts list, click Containers.
- In the Containers section, click the Inherited tab, and then click Mobile header.
- In the Mobile header section, click the override it link.
- Expand the Text header, and then select Specify styles.
- In the Font family list, select other.
- In the Font family name field, enter the same value as in the JSON array that you configured in step Modifying the fonts settings file for font customization, for example, MyFontName.
- Click Save.
- Optional: To configure other formatting elements, repeat steps 3 through 6.
Previous topic Modifying the fonts settings file for font customization Next topic Replacing the icon font in imported applications