If you would like to edit the font within your virtual event you will need to follow the below steps very closely. *This method only supports google fonts as it is well supported and will work on almost all browsers.


Step 1

Go to https://fonts.google.com/ select or search for the font you want, click on it and then choose the 'select this style' option

​​

Step 2

Once you select the option 'select this style' then a side tab will open with the
"<link href =" link that you must copy

Step 3

If you copied the google font for 'Sofia' then your google font will show as:

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

(Keep this handy link handy)

Next you will need the CSS code for the virtual Booth. The CSS that you will need to copy and paste will only need the font family to be edited as shown below(Copy the full script and just edit your font family name):


<style>

.btn
{
font-family: 'Sofia';
color: white;
font-size:16px;

}

</style>

You can copy this code as shown in the screenshot below:


Step 4

Next click under the 'custom JS' and then copy the "<link href="

(exmaple: <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Sofia">)

Now Save & Test!

Did this answer your question?