Custom Font Installation

Sale price Price $320.00 Regular price

Sometimes the presets are not unique enough for your business, we get that!

If you have a custom font you want installed and coded into areas of your theme, or set as an option for an area, that's absolutely possible. 

Since it is still impossible to add a custom font to Shopify Font Picker, you need to add it using code instead. 

First buy the webfont version of the font you want to add. Make sure that the font files has WOFF or WOFF2 files types since TTF and OTF are not webfont file types. 

Go to Shopify Admin and navigate to Online Store. Go to themes and find the theme you want to edit. Click on Actions and choose Edit Code.

From the sidebar navigation go to Assets and find stylesheet file, on some themes it is in this format stylesheet.css.liquid . On the bottom of the page past this 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. 

Right under this code also paste the following code…

your css selector here { font-family: "NAME OF FONT" !important; }

Add a new asset in the Assets folder and upload every version of the font file separately. 

Open a new browser tab and go to your website. Search for the heading or text you want to apply the new font, right click on it and select Inspect. A new window will popup with the code of your website. Search for the CSS that is styling your heading or text, you can find it in the right column. Click on the property name and copy the text.

Now go back to the theme code editor and again open the stylesheet.css.liquid file. Replace the "your css selector here" with the text you already copied and after that replace "Name of your font" with the name you used before. 

For the last part, save changes and refresh your website. That should be it!

We can do that for you hassle free. We'll need all your font files and with a little time, your Theme will have that extra kick of personality it deserves.

Client Reviews

x

Get in touch

Let us know about your project and will get back to you within 24hrs. If you'd rather speak to someone now

Call +971 4383 5588

By submitting this form you agree that Eastside Co. can contact you by the email address and
telephone number provided above. You may unsubscribe from these communications at
anytime. For information on how to unsubscribe, as well as our privacy practices and
commitment to protecting your privacy, check out our Privacy Policy.

What our clients say

Great service, pleased with the finished product. Account management has been great, and very helpful. Very happy with the overall experience - would recommend to anybody looking to create or update their Shopify web store.

Wasps Rugby Club