How to use your customized font for Sound Alerts

This guide will show you how to implement your font files in Sound Alerts by adapting the CSS (Cascade Style Sheets) in your streaming software. This is a great way to give your livestream and Sound Alerts a personal touch.

Pick and customize your font

  1. Visit https://fonts.google.com — you can select and customize various fonts here.

How to use your customized font for Sound Alerts 1.png

  1. Select and customize the font that you find the most appealing. We will use Chivo Mono and adjust some things via the "Type tester".
    Please note that the number of customizable options can differ from font to font.

How to use your customized font for Sound Alerts 2.gif

  1. Now, we select the first style (this is the one we customized) to add it to the "family" section.

How to use your customized font for Sound Alerts 3.gif

  1. Search inside the "selected family" section on the right for the "@import url(…" part and copy it. This part will be used for implementing your font in your streaming software.

How to use your customized font for Sound Alerts 4.png

Implementing your font in the CSS of OBS

Now that you have your font and copied its body, it is time to implement it into your streaming software/broadcast tool.

  1. Open OBS and click on your Sound Alerts browser source to open its settings, and scroll to the CSS part.

How to use your customized font for Sound Alerts 5.png

  1. Now delete the text between the brackets.

How to use your customized font for Sound Alerts 6.png

  1. Insert the "@import url(..)" text of the font you copied earlier.

How to use your customized font for Sound Alerts 7.png

  1. The last step is to include "!important" before the ";".

How to use your customized font for Sound Alerts 8.png

Everything is ready to go now, and your Sound Alerts should be displayed in your font.

How to use your customized font for Sound Alerts 9.png

If you have any questions, please join our Discord Server. Our staff is happy to help you!

This is not the right solution? We are happy to help you!

Contact us
More articles
I used Bits but the sound didn’t play
I used Bits but the sound didn’t play

Here you will get help if you are searching for a replay token.

Posted by Mr. Leeroy
10
Create new sounds
Create new sounds

We will show you how you can upload a custom sound.

Posted by Mr.Bubi
10
Manage other channels
Manage other channels

With the new feature, Streamers can add managers to change their sound buttons or even sound profiles. Here you will learn how to add your managers and which different roles are able to be assigned.

Posted by Mr.Bubi
1