Skip to main content
All CollectionsNewsroom
Adding and Managing Custom Fonts in Your Newsroom
Adding and Managing Custom Fonts in Your Newsroom

This guide outlines how to incorporate custom fonts into your Newsroom to enhance its design and readability.

Sofie Olsson avatar
Written by Sofie Olsson
Updated over a week ago

Navigate to Newsroom

To begin, access the Newsroom where you will find the settings conveniently listed on the left-hand side of the interface.

Manage Fonts

To choose from a variety of fonts, you can utilize Typekit or Google Fonts. Follow these steps to manage fonts in your Newsroom:

  1. Click on Manage Fonts.

  2. Search for your desired font from the available options in the Typekit or Google Fonts libraries.

Uploading Custom Fonts

If you wish to upload your own font, follow these instructions:

  1. Click on Upload Fonts.

  2. Select Add New Custom Font.

  3. Provide a name for your font and choose the appropriate font format from your computer.

  4. Click on Create Font.

Once your font is uploaded, you will be presented with various CSS code snippets for headers, body text, and buttons. Choose the appropriate CSS code for your intended application and close the view.

Applying Custom Fonts Using CSS

  1. Click on Custom CSS.

  2. Paste the copied CSS code into the provided text box.

  3. Click on Save Changes to apply your new font to the Newsroom.

You should now see your custom font reflected in your Newsroom.

Using Multiple Fonts in Your Newsroom

If you wish to use multiple fonts (for example, one for headers and another for body text and buttons), simply upload each font individually under the Upload Fonts section. For each font, copy the relevant CSS code and paste it into the Custom CSS section. You can then designate specific fonts for different elements, such as headers, body text, and buttons, by applying the appropriate CSS code.

This approach allows you to create a unique and professional visual identity for your Newsroom.

Did this answer your question?