Font missing only in search field and QT selector

[Maiselnielsen]

Hi, 

I have added my custom font to my Shopify Dawn theme and it works well except from the number in the QT selector under the every product and the text written in the search field. Here it still shows the default font. 

How can I change this? 

Thank you in advance. 🙂 

Best, 

Maise

[BSSCommerce-B2B · Accepted solution]

Hi @Maiselnielsen,

I hope you are doing well. For your issue, you can try to put this code at the end of 'base.css' file

1. Go to Sale Channels --> Online Store --> Themes --> Click three dots button --> Edit Code

2. Edit file base.css

.quantity__input {
  font-family: 'YourCustomFont', sans-serif !important;
}

.search-input {
  font-family: 'YourCustomFont', sans-serif !important;
}

[Maiselnielsen · Accepted solution]

Hi,

Thank you for the quick reply! 

It worked with the QT selector ! Much appreciated thank you! 

However still not using the custom font in the search field. But let me correct: before you start typing in the search field it shows the custom font saying "Search" but when when you start typing it types in the default font. 

Do you have any other ideas? 🙂 

[BSSCommerce-B2B · Accepted solution]

Hi @Maiselnielsen,

I hope you are doing well. For your issue, you can try to put this code at the end of 'base.css' file

1. Go to Sale Channels --> Online Store --> Themes --> Click three dots button --> Edit Code

2. Edit file base.css

.quantity__input {
  font-family: 'YourCustomFont', sans-serif !important;
}

.search-input {
  font-family: 'YourCustomFont', sans-serif !important;
}

[Maiselnielsen · Accepted solution]

Hi,

Thank you for the quick reply! 

It worked with the QT selector ! Much appreciated thank you! 

However still not using the custom font in the search field. But let me correct: before you start typing in the search field it shows the custom font saying "Search" but when when you start typing it types in the default font. 

Do you have any other ideas? 🙂 

[BSSCommerce-B2B · Accepted solution]

I think we should use inline CSS, like this. You find 2 files main-search and header-search. Next, find the form and patse style attribute into input tag

style="font-family: 'YOU FONT', san-serif;"

[Maiselnielsen]

It worked! Thank you very much and have a great day! 🙂

[BSSCommerce-B2B]

🥰 It's such my honor to help you, my friend. Can you kindly give us like, it will be the greatest motivation for us.

Thank you in advance.

[Maiselnielsen]

Ofc! Thank you 🥰