Uploading Custom Font

dboost1
Tourist
7 0 2

Hello! I'm looking for help in uploading my own custom font to my store. 

0 Likes

@dboost1 

Kindly take a look into this step-by-step tutorial on how to add custom fonts to your website. 

Kind regards,
Diego

◦ Product page slider & thumbnails with swiping for free themes: Minimal | Debut | Brooklyn | Supply
◦ Replace apps with simple copy/paste code snippets. Examples clicking here.
0 Likes
LitExtension
Shopify Partner
1236 158 217

Please follow the steps:
- Step 1: Upload font in Assets. https://i.imgur.com/AqO9RnX.png
- Step 2: Get font-face in the CSS file. Ex:
@font-face {
font-family: 'font-name';
src: url('{{ 'font-name.eot' | asset_url }}') format('embedded-opentype'),
url('{{ 'font-name.ttf' | asset_url }}') format('truetype'),
url('{{ 'font-name.woff' | asset_url }}') format('woff'),
url('{{ 'font-name.svg' | asset_url }}') format('svg');
font-display: swap;
}
Hope it clear to you.

LitExtension - Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!
0 Likes
dboost1
Tourist
7 0 2

I tried this but it isn't appearing correctly

0 Likes

@dboost1 

Please share your URL.

◦ Product page slider & thumbnails with swiping for free themes: Minimal | Debut | Brooklyn | Supply
◦ Replace apps with simple copy/paste code snippets. Examples clicking here.
0 Likes
dboost1
Tourist
7 0 2
0 Likes

@dboost1 

You were almost there. You have written "ttf" in the format of the font family. You should use "woff" in your case.

diego_ezfy_1-1626400832499.png

 



diego_ezfy_0-1626400799563.png

diego_ezfy_2-1626400869442.png

 

Kind regards,
Diego

◦ Product page slider & thumbnails with swiping for free themes: Minimal | Debut | Brooklyn | Supply
◦ Replace apps with simple copy/paste code snippets. Examples clicking here.
0 Likes