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

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

@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