Why can't I see my custom font in the theme?

Solved

Why can't I see my custom font in the theme?

Yassmin_Saleh
New Member
4 0 0

Hello,

Screen Shot 2023-03-14 at 1.04.36 PM.pngScreen Shot 2023-03-14 at 1.04.56 PM.pngScreen Shot 2023-03-14 at 1.05.14 PM.pngScreen Shot 2023-03-14 at 1.05.32 PM.jpgScreen Shot 2023-03-14 at 1.05.32 PM.png

I am trying to add a downloaded custom font to my Shopify theme

 

I have added the fonts and the code to the base.css file under asset.

 

I still can't seem to find my font - can anyone help with pointing out what I might have done wrong?

 

Thank you

Accepted Solution (1)
GemPages
Shopify Partner
5625 1262 1278

This is an accepted solution.

Hi @Yassmin_Saleh ,

 

Could you please share your store URL ( with the password if your store password is enabled ) then I can see and suggest something for you?

 

Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

View solution in original post

Replies 6 (6)

Dan-From-Ryviu
Shopify Partner
11306 2214 2383

You must add CSS to apply your font to your elements. You can check this to know more 

https://www.w3schools.com/css/css_font.asp

- Found this helpful? Hit "Like" and "Accept as Solution"! - Feeling generous. Buy me coffee!
- 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 - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...
Sign up now.

GemPages
Shopify Partner
5625 1262 1278

Hello @Yassmin_Saleh ,

 

You could please try adding your fonts to the Shopify File like that:

GemPages_0-1678787104480.png

 

After that, you get the links and change the code to like that:

@font-face {
  font-family: 'CriteriaCF-Medium';
  src: url(https://cdn.shopify.com/s/files/1/0561/5409/5705/files/CriteriaCF-Medium.otf?v=1669092678);
}

 

Let us know how it works for you.

 

Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
Yassmin_Saleh
New Member
4 0 0

Hello

 

I just tried that - it's still not working 

Do you think i have put in the information in the wrong place?

Screen Shot 2023-03-14 at 2.02.38 PM.pngScreen Shot 2023-03-14 at 2.05.20 PM.png

Yassmin_Saleh
New Member
4 0 0

Hello

 

I just tried that - it's still not working 

Do you think i have put in the information in the wrong place?

Yassmin_Saleh_0-1678816236170.png

 

Yassmin_Saleh_1-1678816235772.png

 

 

GemPages
Shopify Partner
5625 1262 1278

This is an accepted solution.

Hi @Yassmin_Saleh ,

 

Could you please share your store URL ( with the password if your store password is enabled ) then I can see and suggest something for you?

 

Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
Yassmin_Saleh
New Member
4 0 0

Hi sorry for the delay

Sure here it is:

yassmin-saleh.myshopify.com

 

password: karim235594 

 

it is the Sahara template on the theme library

 

Thank you!