Have your say in Community Polls: What was/is your greatest motivation to start your own business?

font in down theme is not changing

Solved

font in down theme is not changing

babarazam1
Shopify Partner
9 0 2

i changed my down theme font to Century Gothic 

 

babarazam1_0-1714626315253.png

but on this page https://da41f8-b2.myshopify.com/pages/contact still showing "Century Gothic", sans-serif

 

babarazam1_1-1714626371304.png

how to change it on overall website

Accepted Solution (1)

tim
Shopify Partner
3911 394 1435

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.

 

 

If my post is helpful, consider liking it -- it will help others with similar problem to find a solution.
I can be reached via e-mail tairli@yahoo.com

View solution in original post

Replies 3 (3)

tim
Shopify Partner
3911 394 1435

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.

 

 

If my post is helpful, consider liking it -- it will help others with similar problem to find a solution.
I can be reached via e-mail tairli@yahoo.com
babarazam1
Shopify Partner
9 0 2

thank you sir solved

Dan-From-Ryviu
Shopify Partner
10261 2039 2110

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.