Add Google fonts to an interactive video

About

Customize your project's look by adding Google fonts to the available font list. This guide shows you how to add fonts to your interactive video project and apply them to your nodes.

Add a Google font to your font list

1. Create a new interactive video or open an existing project.
2. At the bottom of the screen, click Project settings.



3. In the settings panel, paste the Google font link in this format:

<link href="https://fonts.googleapis.com/css?family=Beth+Ellen" rel="stylesheet">



4. Click Update to save the changes.
5. Close the Settings screen.

Apply the font

1. Open a video in edit mode. 
2. Select any node. 
3. Open Font drop-down menu.
4. Select the added Google font from the list.



5. Click Save project.

Preview your font

• Play it outside the composer (in normal playback mode) and verify that selected font displays correctly.

Add multiple Google fonts

• To add more than one font, use this format:

<link href="https://fonts.googleapis.com/css?family=Black+Han+Sans|Sedgwick+Ave|Beth+Ellen" rel="stylesheet">

All added fonts will appear in the Font drop-down menu for you to select.

Was this article helpful?

Thank you for your feedback!

Name

Email

Submit your feedback

Thank you! Your comment has been submitted.