Custom Font not working when signing up to newsletter

[Maiselnielsen]

Hi,

I have installed my own custom font but it isn’t working two places

1. When you type in your e-mail it shows in the wrong font. See attached.

2. And the QT selecter under every product and in check-out shows the QT in the wrong font. However this is ONLYE on mobile. See attached.

Otherwise the font is working well.

www.linierelingerie.com

Password - xef84eju (the site is password protected)

Thank you in advance.

[Arif_Shopidevs]

Step 1: Navigate to your Shopify admin panel and go to “Online Store.”

Step 2: Click on “Themes” and then select Edit code

Step 3: Find base.css

.newsletter-form__field-wrapper .field__input {
    padding-right: 5rem;
    font-family: 'Glossy Display' !important;
}

this will solve your issues

Thank you

[Maiselnielsen]

Thank you! It works on desktop now but not on mobile. Anything I can do about that?

[Arif_Shopidevs]

.newsletter-form__field-wrapper .field__input {
font-family: 'Glossy Display' !important;
}

this code will solve mobile

[Maiselnielsen]

Hm it didn’t work. I keep the other code and added this. Should i replace the first code with this?

[Arif_Shopidevs]

In that case use this code and try to clear your cache it must work.

.field__input, .customer .field input{
font-family: 'Glossy Display' !important;
}

[Maiselnielsen]

Hmm weird. Still do not work.

[Arif_Shopidevs]

which device you are checking.

[Maiselnielsen]

Safari on iPhone 14 pro, also when i preview on mobile in google crome on desktop.