Help me change the font on my page

[WT4]

I am trying to change the font in two parts on the first section of my page.

On the Weebly editor, it looks exactly how I want it to, but when I publish it, the font changes style and color. It's so bizarre because the exact same code was working a few days ago, and I use the exact same code (other than changing font style, size, color and copy) without any problems other places on this same page. If anyone can help or steer me in the right direction, I'd appreciate it.

I used the following code in both places (the only thing different is the copy): 

<link href="https://fonts.googleapis.com/css?family=Shadows+Into+Light" rel="stylesheet">
<style>
.myNewFont { font-family: 'Shadows Into Light', cursive !important; font-size: 50px; color: #ffffff}
</style>

<div class="myNewFont">

STOP feeling...

</div>

[Bernadette3 · Accepted solution]

Weebly employees are not able to assist with code edits, but if you post a link to your site another user may be able to help you out. If you do edit the css/html area of your theme your site would be considered a "custom" theme. It's possible you may not be able to receive assistance from support unless you revert back to a standard Weebly theme. If you are able to add the css override to Settings>SEO>Header your site will still be a standard Weebly theme and it is much easier to troubleshoot. I.e. if you run into an issue, you can remove the code, see if the issues resolves, and the paste it back if the override was not the cause. Just something to think about when you are making these types of edits.  

[WT4]

Thank you Bernadette! This was helpful, and I was able to figure out the problem!

[Bernadette3]

Glad to hear, @WT Take care.