Step 1

The font files must include at least the WOFF and WOFF2 file types

Step 2

From your Shopify Admin go to Online Store > Themes > next to the theme you want to edit click Actions > Edit Code. In the sidebar choose Assets > theme.css.liquid. Scroll to the bottom of the file and paste the following code:

@font-face {
font-family: "NAME OF FONT";
src: url("NAME-OF-FONT-FILE.woff2") format("woff2"),
url("NAME-OF-FONT-FILE.woff") format("woff");

Replace NAME OF FONT with the name of your font and NAME OF THE FONT FILE with the exact name (casesensitve with hyphens) of the font file on your computer.

Below this code also paste the following code:

Your CSS selector here { font-family: "NAME OF FONT" !important; }

For example:

body { font-family: "NAME OF FONT" !important; }

Step 3

Go to the Assets folder and click Add a new asset. Upload each version of the font file one by one.

Did this answer your question?