ViewedIt is now Vidyard GoVideo! Click here to learn more.

How do I add custom fonts to Vidyard Events?

Overview

Sometimes the fonts built into editors just don't match company branding, or they don't have the look and feel that you need for your content. In these cases, it is beneficial to use some of your own purchased or created fonts in your events to get them looking just right.

Symptom

Text appearing in events does not match your branding or desired look.

Cause

The fonts that you are looking for are not automatically available in the Events Editor for selection, and may be brand specific.

Solution

Video walkthrough:

To add custom fonts into Vidyard Events:

  1. Add an event to your player and open the source editor in the WYSIWYG editor
  2. Add a link to the external stylesheet for the font to the editor.
    Example: <link href="https://fonts.googleapis.com/css?family=Barrio" rel="stylesheet">
  3. Add the font family to your CSS for the event to the editor ex.
    Example: 
<style>
p {
font-family:'Barrio',cursive;
}
</style>

This will then allow any text added to the event using a <p> tag to appear in the Barrio font format. 


Was this article helpful?

Can’t find what you’re looking for? Please contact us below.

Email Vidyard Support
Why you didn't like the article?

If you would like Vidyard to get in contact with you regarding your feedback, please enter your email address.

  • No, Thanks