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 and Accept solution! Or Support me: Buy Coffees
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024