Question / Help Follower Alert - font change not working

Hi,

So I am making a custom follower alert for stream and I can't get the font changes to work, the positioning works, font size, etc but not font change.

Also is there a way to get different fonts other than from google? Like could I upload a font from my computer somewhere to use?

I am using 64 bit version, I installed plugins and the follower alert popup works, but not sure if there is an additional plugin maybe that I don't have and need? Any help appreciated.

Code:
 @font-face {
 font-family: 'Luckiest Guy';
 font-style: normal;
 font-weight: 400;
 src: local('Luckiest Guy'), url(http://fonts.gstatic.com/s/luckiestguy/v6/5718gH8nDy3hFVihOpkY5Dy24DTBG-RpCwXaYkM4aks.woff2) format('woff2');
 }
 
body {
 background-color: rgba(0, 0, 0, 0);
 margin: 0px auto;
}

#follower-alert {
 width: 1590px !important; 
 height: 340px !important;
 }
 
#new-follower {
 margin: 0px !important;
 padding: 0px !important;
 width: 513px !important;
 position: absolute !important;
 top: 245px !important;
 left: 500px !important;
 font-family: 'Luckiest Guy', cursive !important;
 font-size: 100px !important;
 }
 
Top