How can I customize the font on Shopify Lite Buy Buttons?

Store Design
1

Hey is it possible to customise the font on Shopify buy buttons on Lite.

I’ve added it in the code below but nothing is showing up.

subjectmatter_0-1648415686361.png
subjectmatter_0-1648415686361.png2228×404 32.4 KB

1 Like
2

@subjectmatter

sorry for that issue if you need custom font please flow billow step

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

3

Hey Ketan this is for when I embed into Squarespace, not in a theme

1 Like
4

@subjectmatter

that flow allow on shopify site