Not loading custom font in input fields in some browsers

[foodstijl]

On a form on this website:

Contact

I’m using a custom font (same as on the entire website).
For some reason the font is not loaded on the input text in the text fields and message fields that are added to the form. it is added to the label though.
Duckduckgo and Safari show the custom font, but for some reason Chrome, Arc and Firefox are not.
Adding the following CSS to the text fields doesn’t do anything:
font-family: effra !important;

The font-family in de CSS on the live website (as shown in browser) is set to inherit and checking what it’s inheriting: is crossed out (see attached screenshots). Not sure why this happens.

Hope you can help.
I can give you admin right to check if you want.

Kind regards,
Emile

Attachments:

You must be logged in to view attached files.

[Ally]

You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

Attachments:

You must be logged in to view attached files.

[foodstijl]

Hi Ally,

I see. I’ve added the CSS to .quform-field, but for some reason it still doesn’t show.

I’ve tested in a fresh browser (firefox).. see attachement; 2nd form field.

Not really sure how to fix this.

Kind regards,
Emile

Attachments:

You must be logged in to view attached files.

[Author]

Posts