How can I upload a custom font to my online store?

[dboost1]

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

[diego_ezfy]

@dboost1 

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

Kind regards,
Diego

[LitExtension]

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.

[dboost1]

I tried this but it isn't appearing correctly

[diego_ezfy]

@dboost1 

Please share your URL.

[dboost1]

https://fowerbombdc.myshopify.com/

password: Pickle1

[diego_ezfy]

@dboost1 

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

Kind regards,
Diego

[MonitorMan]

Hi Diego, I've done exactly the same as written. Still,  the font won't show. Very weird. Could you maybe have a look at it?

[MonitorMan]

[MonitorMan]

[MonitorMan]