What this online help covers:
How to choose native and Google Fonts, upload custom fonts to your GoodBarber back office, and apply fonts to supported design elements across your app.
Prerequisites:
If you want to add a custom font, prepare a .woff2, .ttf, or .otf font file. Make sure you have the rights and licenses required to use and distribute the font in your app.
Expected result:
Your selected native, Google, or custom fonts are available in the GoodBarber back office and applied consistently to the supported design elements of your app.
How to choose native and Google Fonts, upload custom fonts to your GoodBarber back office, and apply fonts to supported design elements across your app.
Prerequisites:
If you want to add a custom font, prepare a .woff2, .ttf, or .otf font file. Make sure you have the rights and licenses required to use and distribute the font in your app.
Expected result:
Your selected native, Google, or custom fonts are available in the GoodBarber back office and applied consistently to the supported design elements of your app.
1. Choose an available font
GoodBarber provides native fonts and Google Fonts for many parts of your app. Not every design element allows you to select a different font.
For example, font customization in the navigation menu depends on the selected template:
For example, font customization in the navigation menu depends on the selected template:
- TabBar: You can customize the font used for the Other menu only.
- Swipe, Little Swipe, Grid, and Slate: You can customize the fonts used in the main navigation.
2. Apply fonts to your app
There are two ways to apply fonts to your app:
- Go to App Style > Fonts to manage your app’s overall typography.
- Open the design settings of a specific element, such as the navigation menu, Header, Home widget, or a section, and select a font when the option is available.
3. Add a custom font
1. Go to the menu Settings > Other settings > My fonts
2. Click "+ Add a font"
3. Upload a .woff2, .ttf, or .otf font file.
Once added, the font appears under Custom fonts at the top of your font selectors and can be applied wherever font customization is available.
Important: You can add up to 10 custom fonts. Font files may be protected by copyright and subject to different licenses for web, mobile, personal, or commercial use. You are responsible for obtaining and complying with the license for each font and for ensuring that it authorizes its use and distribution within your app.
Before deleting a font that is already used in your app, select a replacement in the relevant design settings. Otherwise, your app’s design may be affected.
2. Click "+ Add a font"
3. Upload a .woff2, .ttf, or .otf font file.
Once added, the font appears under Custom fonts at the top of your font selectors and can be applied wherever font customization is available.
Important: You can add up to 10 custom fonts. Font files may be protected by copyright and subject to different licenses for web, mobile, personal, or commercial use. You are responsible for obtaining and complying with the license for each font and for ensuring that it authorizes its use and distribution within your app.
Before deleting a font that is already used in your app, select a replacement in the relevant design settings. Otherwise, your app’s design may be affected.
