Using custom fonts in your Shopify theme
Fluorescent Themes for Shopify Fluorescent Themes for Shopify
563 subscribers
3,728 views
28

 Published On Jun 20, 2023

✨ Try Stiletto for free in the Shopify Theme Store: https://link.fluorescent.co/stiletto ✨

While we typically recommend using a font included in Shopify’s font picker, there are times when a brand may want to use a custom font in order to match their design and that’s what we're here to walk you through in today's video!

Follow along as we walk you step-by-step through setting this up, or you can find the written documentation here: https://link.fluorescent.co/0VVOf1

TIMESTAMPS

0:00 - Intro
0:44 - Converting your font files to web font format
1:10 - Upload your font files to the Shopify admin
1:30 - Duplicate your theme file
1:48 - Add code snippet #1 (below) to your theme code
2:25 - Link your font files to your theme code
3:05 - Add code snippet #2 (below) to your theme code
4:30 - Outro

HELPFUL LINKS

Code snippet #1: https://link.fluorescent.co/i99x8Z
Code snippet #2: https://link.fluorescent.co/W4H6gc
Font Converter: https://cloudconvert.com/font-converter

Check out our favourite free font pairings built right into your theme: https://link.fluorescent.co/sykfGd

THIRD-PARTY DEVELOPERS

If you require developer support with this theme customization, we recommend the teams at Tasky Husky or Hey Carson.

THEME SUPPORT

As always, our support team is here Monday to Friday from 10am - 6pm PST to help with any theme-related questions: https://link.fluorescent.co/AbpuOD

show more

Share/Embed