Hello everyone!
My store is in Greek and for some reason in the card titles appear in bold only the English letters, but not the Greek https://arnos.store. How can I solve that?
Hey @Jas0n
Follow these Steps:
- Go to Online Store
- Edit Code
- Find theme.liquid file
- Add the following code in the bottom of the file above </ body> tag
<style>
h4.collections-grid__title.h4 {
font-family: 'DM Sans' !important;
}
</style>
RESULT:
Hope that helps! If it did, a Like and Marking it as Solution goes a long way and helps others find the fix faster too.
Best,
Moeed
Not all fonts contain all possible characters.
Looks like the one you’re using, Archivo black does not include greek characters.
In this case, browser uses fall-back font to “draw” those missing characters and often the fall-back font is not good match.
I’d suggest you browsing through the Shopify fonts library, see which fonts have better coverage and use one of those.
Or, some fonts may be more similar to fall-back fonts.
Say, other fonts you have – Inter and DM Sans – look more like a fallback one and even thought they do not cover all symbols too, they do not look that different.
Illustration from the browser Developer tools – it shows that 2 fonts are used to render this phrase.
Custom font downloaded from the server was used to render 23 character glyphs.
The rest of the phrase is shown using local fall-back Helvetica (default sans-serif font on Mac Chrome)
These two look very similar – good match.
