Shopify themes, liquid, logos, and UX
i changed my down theme font to Century Gothic
but on this page https://da41f8-b2.myshopify.com/pages/contact still showing "Century Gothic", sans-serif
how to change it on overall website
Solved! Go to the solution
This is an accepted solution.
When you specify font with font-family you can use several values separated by comma.
If the first one is not available in browser, second one is used, then third and so on.
So "Century Gothic" is your preferred font and sans-serif is a fallback.
Say, first one will require font file download from the server and second one is used if the file is not available and usually is one of the predefined fonts available locally. It's recommended to specify a fallback font.
I see that you've used Custom CSS like this
span {
font-family: "CenturyGothic";
font-size: 22px;
font-weight: bold;
text-transform: uppercase;
}
And there is a mistake because font name is "Century Gothic" with a space.
Note that if font file is not available or font family is not properly defined, it's up to browser to decide which font to use. In my case, browser used "Times" which is serif for these spans.
This is an accepted solution.
When you specify font with font-family you can use several values separated by comma.
If the first one is not available in browser, second one is used, then third and so on.
So "Century Gothic" is your preferred font and sans-serif is a fallback.
Say, first one will require font file download from the server and second one is used if the file is not available and usually is one of the predefined fonts available locally. It's recommended to specify a fallback font.
I see that you've used Custom CSS like this
span {
font-family: "CenturyGothic";
font-size: 22px;
font-weight: bold;
text-transform: uppercase;
}
And there is a mistake because font name is "Century Gothic" with a space.
Note that if font file is not available or font family is not properly defined, it's up to browser to decide which font to use. In my case, browser used "Times" which is serif for these spans.
thank you sir solved
It is one type of your Century Gothic font. It means the heading of your theme has changed to Century Gothic font. You can know more what is sans-serif from here
https://fonts.google.com/knowledge/glossary/sans_serif
Best Regards,
Dan from Ryviu
- Helpful? Like & Accept solution! - Support me? Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025