Here’s how to add any custom font to your Shopify store in minutes—no coding needed.
Step-by-Step Instructions
1. Get Your Font Ready
Download a font file (.otf, .ttf, or .woff) from any font website. Make sure you have commercial rights if using for business.
2. Upload Font to Shopify
- Go to Content → Files
- Click Upload files
- Upload your font file
- Click Copy link next to the uploaded font
- Save this link for later
3. Add the Custom Font Section
- Go to Online Store → Themes
- Click Actions → Edit code
- Open the Sections folder
- Click Add a new section
- Name it:
custom-font.liquid - Paste this code: [GitHub Code Link]
- Click Save
4. Activate in Theme Editor
- Go to Customize your theme
- Open Header or Footer (global sections)
- Click Add section
- Select Custom Font
- Click Add font
- Paste your font link in Font URL field
- Name your font in Font Name field
- Toggle the section ON
5. Apply to Your Store
Use the toggles in the section to apply your font:
- H1/H2/H3 for headings
- Anchor Tag for menus and links
- Buttons, Inputs, Paragraphs as needed
- Custom CSS Selector for specific elements
Changes appear immediately in the preview.
Important Notes
- Add this section to Header or Footer so it works on all pages
- Use only 1-2 custom fonts max for better site speed
- Always check font licenses for commercial use
- The section can be toggled OFF anytime
Troubleshooting
- Font not showing? Check if section is ON and font URL is correct
- Works on some pages only? Make sure section is in Header/Footer
- Theme update? Re-add the section—it’s safe and non-destructive
Why This Method Wins
- Free forever – no apps, no subscriptions
- Safe – doesn’t edit original theme files
- Easy – toggle controls, no code writing
- Flexible – works with any theme
