Can anyone help with adding a custom font to Studio Theme?

Store Design
1

Does anyone know how to upload a custom font to the Studio Theme, for some reason I can’t get it to work -_-

1 Like
2

@GOLDPOPPYCANDLE May this help you. Click Here.

3

@GOLDPOPPYCANDLE

can you please flow below the step

Yes, you can do easy to upload your custom font

  1. Go to Online Store->Theme->Edit code
    2.Asset->/base.css->upload your custom font all font tyep = TTF, OTF, WOFF, WOFF2, SVG
  2. Asset->/base.css->paste below code at the bottom of the file.
@font-face {
font-family: 'Montserrat-Regular';
src: url('{{ 'Montserrat-Regular.eot?' | asset_url }}');
src: url('{{ 'Montserrat-Regular.eot??#iefix' | asset_url }}') format('embedded-opentype'),
url('{{ 'Montserrat-Regular.woff' | asset_url }}') format('woff'),
url('{{ 'Montserrat-Regular.ttf' | asset_url }}') format('truetype'),
url('{{ 'Montserrat-Regular.svg#Montserrat-Regular' | asset_url }}') format('svg');
font-weight: normal;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: antialiased;
}

can you please just change font name, for example, Montserrat-Regular to your custom font name

4

I want to do the same to my Studio Template. The information provided here did not work but this article did the trick with a little trial and error to make sure I got everything “talking” properly. This is a HARD CODE in that you can not change it through the website customizing page and will need to navigate back through the coding pages to remove it or change it. It will overwrite the selected font for your site out set in theme settings for the headings and/orbody. However the font you have selected in the theme settings will be shown if the viewers web browser can not successfully access your new font. (kinda a failsafe backup so assign something as similar as you can find in the presets.)

Anyway, here is the link. :slightly_smiling_face: Good Luck

https://ezfycode.com/blog/add-custom-fonts-to-shopify

5

Hello! I’ve done this successfully, but it’s changing both my Headings and my Subheadings. I only want to change the Headings. Do you know what changes I need to make so I can leave the build in options for the subheadings?

6

Hello! I’ve done this successfully, but it’s changing both my Headings and my Subheadings. I only want to change the Headings. Do you know what changes I need to make so I can leave the build in options for the subheadings?