App Fonts

To change your app fonts, visit the Design tab in your app customizer.

Choose a font for headings and body, both optional. Note that we do not recommend changing the body font, because some fonts can make the text hard to read.

Use a Custom Font

You can use a custom font by adding the Google Fonts @import url in the custom font field.

Note: custom fonts do not work offline.

Visit https://fonts.google.com/

Find the font you like, and click the + sign.

Click the "Family Selected" bar at the bottom of the screen to expand the font details.

Click @IMPORT and copy only the url, not the whole code sample.

In this case, the url we would enter into the custom font field is: https://fonts.googleapis.com/css?family=Open+Sans

This loads the font into your app, but it does not apply the font to any tags. You need to do that with custom CSS.

WordPress Page Fonts

Changing fonts in the app customizer applies to the app itself, which includes menus, API list pages, AppCommerce, AppCommunity, and custom HTML pages. It does not apply to WordPress (iframe) pages.

To change fonts for WordPress pages, you must add custom CSS in the app customizer, or the Ion AP3 Child Theme.

For example, you can add this CSS in your app customizer or child theme style.css file:

#page, #main, #content, h1, h2, h3, h4 {
	font-family: "Open Sans", sans-serif !important;
}

Change the font to the one you are using.