Appeggio Help
Search…
Fonts
This section takes you through setting the default font for your app.
Within the themes section of the settings menu, you can set the default primary and secondary fonts available to use in your app.
Themes is also where you’ll get to set the primary color, the secondary color, accent color, default background color and default text color.
Open the main menu, go to settings, then click on the themes tab as shown below:
You will see the default options come with your chosen template. Our templates have been designed with readability in mind.
If you don’t want to use the default fonts, that’s OK, you can choose another one from the list. Just click on the dropdown menu within the font section, and you’ll see all of the fonts available.
When you select the default fonts, they will be applied to all parts within your app, providing you with a consistency of font throughout.

Switching to a primary or secondary font on specific text

If there is some text that you want to amend from primary to secondary, or vice versa, select the piece of text that you want to change. For example, if there is a particular heading you want to change to say the secondary font, select the text, then the dropdown menu from the halo toolbar:
Select the general menu, go to fonts, and select from the drop-down menu to choose between primary or secondary font:

Formatting your text

When it comes to formatting text parts, the part toolbar has a range of formatting options including adjusting the color, weight, alignment and size of your text.
Text color allows you to choose the color of that particular text part. There is more information on colors here.
Text sizes can range from Heading 1 (the largest heading) to Heading 6 (the smallest heading), subtitle, body, button and caption. Text sizes can be set across the device sizes. For example, on a phone, a heading is usually set to a smaller font size than on a full-size desktop.
Alignment allows you to choose whether the text is aligned left, right, or center. Alignment can be set across the device sizes.
Text weights include black, bold, medium, regular and thin.
There is more information on editing text here and on sizing and alignment here.

Changing Your Font Theme Settings

If you choose a font and decide later that you want to change it, it’s easy. Just go back to themes within the settings menu and change the default fonts, and it will be applied across the app. There’s no need to change all the various components within your app.

Choosing a Font

“What font should I use?”
That’s a great question, and unfortunately there is no simple answer! In fact, there are whole professions dedicated to typography. However, there are some common suggestions related to best practice in choosing fonts:
  • The font should be legible. Words need to be able to be read for maximum audience engagement. If your words cannot be easily read, the message is lost and your users may go elsewhere.
  • The space between letters, also known as kerning, should be optimal. If the kerning is too tight, words can appear scrunched and our brains tend to run the letters together. Alternatively, if too much kerning is applied and the letters are too far spaced, we have a tendency to read the text slower. Choose a font where the spacing looks just right so your readers don’t have to work harder than necessary.
  • There’s no need to be overly fancy - keep it plain and simple and your readers will thank you!
Our suggestion would be to keep decorative fonts to logos and for use within images such as infographics or other creative assets. It’s best to avoid decorative fonts for body text. You never want to confuse the reader with improper legibility.

Related information

#font #kerning #alignment #primary font #secondary font