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 · Accepted solution]

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. 🙂