Newsletter Block Header Font

I've managed to change the header fonts with a OTF font I've uploaded called PPTelegraf-UltraBold.otf

But I can't work out how to change a newsletter title font. 

I've used:

.newsletter-block .newsletter-form-header-title {
    font-family: 'PPTelegraf-UltraBold.otf' !important;
}
.newsletter-form .newsletter-form-field-element {
    font-family: 'PPTelegraf-UltraBold.otf' !important;
}
input.newsletter-form-field-element.field-element::placeholder {
    font-family: 'PPTelegraf-UltraBold.otf' !important;
}
span.newsletter-form-button-label {
    font-family: 'PPTelegraf-UltraBold.otf' !important;
}

But it hasn't worked.

@ArtificialVisions Can you please share your site URL?

21 hours ago, ArtificialVisions said:

I've managed to change the header fonts with a OTF font I've uploaded called PPTelegraf-UltraBold.otf

But I can't work out how to change a newsletter title font. 

I've used:

.newsletter-block .newsletter-form-header-title {
    font-family: 'PPTelegraf-UltraBold.otf' !important;
}
.newsletter-form .newsletter-form-field-element {
    font-family: 'PPTelegraf-UltraBold.otf' !important;
}
input.newsletter-form-field-element.field-element::placeholder {
    font-family: 'PPTelegraf-UltraBold.otf' !important;
}
span.newsletter-form-button-label {
    font-family: 'PPTelegraf-UltraBold.otf' !important;
}

 

But it hasn't worked.

Hi @ArtificialVisions - i believe it's because you're incorrectly referencing the font-family name, but it depends on how you installed it, and what you named it.

As Lesum says, please share with us the link so we can inspect your site code to give you and acurate answer! 

Apologies I didn't get a notification for your response, here are the details 😄 

choucaircapital.squarespace.com

Dinosaur452

@ArtificialVisions Hi! You named your font 'FontTitle'. You can add the following code:

.newsletter-block h2.newsletter-form-header-title {
    font-family: 'FontTitle' !important;
}

You are a genius! haha, Thank you so much Lesum 😄