Typography

Relma comes with native support for custom fonts in Ghost.

To change your site's fonts:

1. Log into your Ghost Admin Dashboard.

2. Once logged in, go to Settings > Design and Branding tab.

3. Click on Customize.

4. Scroll down to Typography section.

Heading Font

Apply only on posts title.

1. In the Heading font section, click on Select field and select your desired font (Theme default = Jost).

2. Click Save to apply the changes.

Body Font

The main font, apply on all elements.

1. In the Body font section, click on Select field and select your desired font (Theme default = Poppins).

2. Click Save to apply the changes.

Custom fonts

If you're not satisfied with the fonts offered natively, you can easily add your own by injecting custom CSS in the Site Header settings:

1. Log into your Ghost Admin Dashboard.

2. Once logged in, go to Settings > Code injection tab.

3. Click on Open.

4. In the Site header editor, embed the font code from Google Fonts and then assign the font to the body or heading with CSS.

5. e.g.

   
6. Click Save to apply the changes.

If you want to change the font of a specific element, you can use the browser development tools to get the element’s class name.