How To Use Custom Fonts
We offer users the ability to use any kind of font that they might need to use in their 24/7 Livestreams in case the built-in font selection is not what you're looking for or if the built-in fonts do not support localized characters!
You can access their fonts website by clicking here!
In this article we will be using " Indie Flower " as an example, but you can use any font you find on Google Fonts
Copy the Font name or note it somewhere, this is required
You can access the Dashboard simply by clicking here and clicking "Edit" on your stream, afterwards click on "Stream Designer"
Select the " Add Text Element " selection from the left panel or by pressing " T " on your keyboard and clicking on an empty space on your canvas.
On the right side of the page, scroll down until you see the setting " Custom Font "Click on it, this will bring down the Custom Font settings, from there in the " Font-face name " textbox write in your font name you copied or noted down from Step #2
After making sure your font looks as you wanted click on Save Changes at the top and you're finished!
We will be using CDNFonts in this article, you can use any CDN which gives you a /CSS link
!
We will be using the font " Neogrey " as an example for this method
On the right side of the Font page, you will find the CSS link of the font, make sure not to copy the brackets, in our case, the link looks like
You can access the Dashboard simply by clicking here and clicking " Edit " on your stream, afterwards click on "Stream Designer"
Select the " Add Text Element " selection from the left panel or by pressing " T " on your keyboard and clicking on an empty space on your canvas.
On the right side of the page, scroll down until you see the setting "Custom Font" Click on it, this will bring down the Custom Font settings,
in the " Custom Font URL " textbox, paste the link you copied before from CDNFonts or any other CDN service
In the " Font-face name " textbox, write the name of the Font you wish to use, in our case it was Neogrey
After making sure your font looks as you wanted click on Save Changes at the top and you're finished!
Method using Google Fonts
1. Head Over To Google Fonts
You can access their fonts website by clicking here!
2. Find A Suitable Font
In this article we will be using " Indie Flower " as an example, but you can use any font you find on Google Fonts
Copy the Font name or note it somewhere, this is required
3. Go To Your Stream Designer
You can access the Dashboard simply by clicking here and clicking "Edit" on your stream, afterwards click on "Stream Designer"
4. Make A Text Box
Select the " Add Text Element " selection from the left panel or by pressing " T " on your keyboard and clicking on an empty space on your canvas.
5. Open The Custom Font Setting
On the right side of the page, scroll down until you see the setting " Custom Font "Click on it, this will bring down the Custom Font settings, from there in the " Font-face name " textbox write in your font name you copied or noted down from Step #2
6. Save Changes
After making sure your font looks as you wanted click on Save Changes at the top and you're finished!
Method using a CSS file
We will be using CDNFonts in this article, you can use any CDN which gives you a /CSS link
1. Head Over To CDNFonts
!
2. Find A Suitable Font
We will be using the font " Neogrey " as an example for this method
3. Copy The Font CSS Link
On the right side of the Font page, you will find the CSS link of the font, make sure not to copy the brackets, in our case, the link looks like
https://fonts.cdnfonts.com/css/neogrey-24. Go To Your Stream Designer
You can access the Dashboard simply by clicking here and clicking " Edit " on your stream, afterwards click on "Stream Designer"
5. Make A Text Box
Select the " Add Text Element " selection from the left panel or by pressing " T " on your keyboard and clicking on an empty space on your canvas.
6. Open The Custom Font Setting
On the right side of the page, scroll down until you see the setting "Custom Font" Click on it, this will bring down the Custom Font settings,
in the " Custom Font URL " textbox, paste the link you copied before from CDNFonts or any other CDN service
In the " Font-face name " textbox, write the name of the Font you wish to use, in our case it was Neogrey
7. Save Changes
After making sure your font looks as you wanted click on Save Changes at the top and you're finished!
Updated on: 09/02/2024
Thank you!