How can I use two different fonts in the Prestige theme?

Store Design
1

hey

how can upload 2 different fonts?

i want different font for title and for the text

1 Like
2

@ciapello hello you can add the font file into your theme->assets

then add the font face into your theme.scss style top of the

@font-face {
  font-family: "FONT";
  src: url('{{ "FONT.eot" | asset_url }}');
  src: url('{{ "FONT.eot" | asset_url }} ?#iefix') format("embedded-opentype"),
       url('{{ "FONT.woff" | asset_url }}') format("woff"),
       url('{{ "FONT.woff2" | asset_url }}') format("woff2"),
       url('{{ "FONT.ttf" | asset_url }}') format("truetype"),
       url('{{ "FONT.svg" | asset_url }} #FONT') format("svg");
}

file.

then add style with same font name css below the it will work

3

@ciapello

Welcome to the Shopify community!
and Thanks for your Good question.

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

4

@KetanKumar

I did follow your instruction to add the code, but there is no new uploaded font that can be found in the Typography selector, is there something missing.

thanks,

Edmond,

1 Like
5

@Edmondng

no just flow add step that’s issue

assent folder edit code