Scroll down to ‘Theme’ in the App Browser, and click on ‘Assets’:

Location of 'Assets' in the App Browser

In the dropdown at the top, select theme.css. This is where you can modify the font.

To find a font you like the look of, browse the Google Fonts directory. It lists many freely available fonts that can be used in your projects.

In this example let’s use the font Suez One. Add this line to the top of your css:

/**
 This CSS implements the Material Design look and feel for Anvil apps.
 **/
@import url('https://fonts.googleapis.com/css?family=Suez+One&display=swap');

Scroll down to the ‘Typography’ section of theme.css (around line 85), and modify the css that styles the body of your app to look like this:

/* Typography */
body {
  font-family: 'Suez One', sans-serif; /* edit this line */
  font-size: 14px;
  line-height: 1.4286;
  background-color: #fafafa;
}

Run your app, and you’ll see the font has now changed!

The app with the font you chose!