How to add Custom fonts to your Shopify Website

 

To add custom fonts to your Shopify Website you need to follow few simple steps:

  1. Go to content on the left in the Shopify dashboard and click on files
  2. Click on the upload file button on the top right corner and upload the font file with any of the extension either OTF/TTF
  3. Once the file is uploaded copy the link and now again go the shopify main dashboard again
  4. Click on online store and then go to edit code
  5. Open the main CSS file, in most of the cases it should be “base.css” but check on google if that is not in your case.
  6. Now add the following code and replace the font name with the font that you uploaded and replace the font URL with the link you copied from the files when you uploaded the font

Code:

 

@font-face {

font-family: “[font-name-here]”;

src: url(“[link-here]”) format(“truetype”);

}