Solved

font in down theme is not changing

babarazam1
Shopify Partner
9 0 1

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 Expert
3484 282 1290

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 Expert
3484 282 1290

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 1

thank you sir solved

Dan-From-Ryviu
Shopify Partner
7729 1507 1515

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 Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now