Different font for image with text overlay on homepage to the general font for the website

Store Design
1

I’m new to shopify am currently trying to design my store without the use of apps. I want to have a different font for the text overlay on my homepage image to the text used in the product description. Any help would be much appreciated.

Thanks

1 Like
2

@KB26

Yes, you can do easy to upload your custom font

  1. Go to Online Store->Theme->Edit code
    2.Asset->/theme.scss.liquid->upload your custom font all font tyep = TTF, OTF, WOFF, WOFF2, SVG
  2. Asset->/theme.scss.liquid->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