Follower Alert OBS CSS Font Problem

[mammuthusbc]

Hi. I have a problem. When I edit the CLR Browser and apply custom fonts, the preview (preview=true) displays the custom font after the default appears. So after 3 sec of displaying the default font, it changes to the new one. How do I fix it?

@import url(http://fonts.googleapis.com/css?family=Lobster);

::-webkit-scrollbar {
  visibility: hidden;
}

body {
  background-color: rgba(0, 0, 0, 0);
  margin: 0px auto;
}

#follower-alert {

}
#follower-alert .text {
  font-family: Lobster  !important;
}

[Aaron128l]

Just a couple of problems.

1. This is wrongly catorgized under Nightbot.
2. The use of a header.
3. We don’t really give support for CSS-related issues.

Feel free to edit to make it clear what your asking thanks.

[night]

I have corrected your grammar. Please read the posting guide for future posts: Welcome to the Forums!

To answer your question, due to the way OBS processes custom CSS it applies CSS after the page loads. While the font changes in the preview, it will not change during normal use of the alert.

[mammuthusbc]

Thank you!

This was my old peace of code i dont stream this period of time and then i came back to edit my css this problem apears. I belive i just forgot about refreshing pages.

I have one more question to you. I dont know why, but my fonts dont work in the way i gave you in my code. It changes to “i dont know what you type in font family, let me set the default font family font” So it’s like Default night font > font family default (but not to the lobster font)

Did smth changes around google importing fonts?

Not working for me:

 @import url(http://fonts.googleapis.com/css?family=Dancing+Script);

#follower-alert .text {
font-family: 'Dancing Script', cursive;
}

[night]

You can try changing “http” to “https,” since the secure page might be causing that font not to load.