Unable to change font colour for custom font upload [CSS]

Site URL: https://radish-sprout-t3xs.squarespace.com/home-2

Hiya,

I've uploaded a custom font to a website I'm building, but can't seem to change the font colour.

I've tried using the word "white" and the hex code "#ffffff", and add an !important tag, but nothing seems to make a difference. I want the font to appear white on the banner and in subsequent sections.

This is the CSS I've used:

 

// ADDING BRUSH FONT //

@font-face {    
font-family: 'brush';       
src: url('https://static1.squarespace.com/static/5d4855187a18e200010af1aa/t/5f83fa45f3350a0e266c8699/1602484850032/Wild-Irish-Rose.otf');  }

// ASSIGN BRUSH FONT //

h1 {
  font-family: brush;
  	font-size: 80px;
	color: white !important;
}

Thank you so much in advance!!

Katie 

try

h1, h1 * {
	color: white !important;
}

If it doesn't work, can you take screenshot the text you want to change color?

Thanks so much for your reply, I'm afraid that didn't work. Here's a screenshot. It's the brush / handwriting font that's in black in the image.

The colour changes for squarespace fonts, but not for my custom one.

I think, having tried to change the colour of the font in illustrator, it's a feature of the font that it cannot be changed colour. So I'll go with something else!!