Go back to the browser tab with the theme code editor and open the file again. Click the property name (circled above) and copy the text. In the example above you will see on the left, highlighted in grey, the heading is an and on the right the CSS property selector for the heading is. Look in the right hand column for the CSS code that is styling your heading. Right click on the words and select Inspect.Ī window will popup showing you the code of the site. In a new browser tab go to your website and find the heading or text you want in this font, in this example it is a heading. Now that the font is installed, using code we need to tell the theme what headings or text will use our new font. Upload each version of the font file one by one. Go to the Assets folder and click Add a new asset. 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.īelow this code also paste the following code... Step 3 Scroll to the bottom of the file and paste the following code... Step 2įrom your Shopify Admin go to Online Store > Themes > next to the theme you want to edit click Actions > Edit Code. It is important to understand and ensure that you are using the correct license for the font you are using and that it is intended for use on a commercial website to ensure that you are not breaking any laws. The font files must include at least the WOFF and WOFF2 file types (TTF or OTF are not a webfont file types). Purchase the webfont version of your font. The following is a guide only, and is not supported by our team.
#HOW TO INSTALL SYRIAC FONT FACEBOOK HOW TO#
Adding a font requires an understanding of code and how to debug issues that arise should something go wrong.Īdding a font should not be attempted on a live / published theme at any time and should be tested in a development / test environment first.
#HOW TO INSTALL SYRIAC FONT FACEBOOK FULL#
For a full list of those fonts please see the Shopify documentation.įrom the thousands of third-party fonts that exist it would not be possible for theme developers to pre-install those knowing what each merchant might need. All Underground themes utilize Shopifys font picker which offers a wide range of fonts to select from.