Changing to custom font in notifications and checkout

Store Design
,
1

Hi all,

Can someone please advise if it’s possible to use custom fonts in the notification templates and the checkout?

I have “Mohr Thin” on my website, so would like to use this in the email templates and checkout.

Can someone tell me if this is possible and how to approach please?

Any help much appreciated! :blush:

Best,

Dan

2

Hello @ldmanagement ,

You can try to follow these steps:

Upload your font file to your store

Go to Online Store → Themes → Actions → Edit code

Go to theme.liquid file → add this code to create rule for font

@font-face {
  font-family: 'Mohr Thin';
  src: url('{{ 'mohr-thin.woff2' | asset_url }}') format('woff2'),
       url('{{ 'mohr-thin.woff' | asset_url }}') format('woff'),
       url('{{ 'mohr-thin.ttf' | asset_url }}') format('truetype'),
       url('{{ 'mohr-thin.otf' | asset_url }}') format('opentype');
  font-weight: normal;
  font-style: normal;
}

Apply the Font by add this code:

Save and preview

Hope this can help.

Transcy

3

Hi,

Thanks so much for your response! :slightly_smiling_face:

Unfortunately, it doesn’t seemed to have changed the font in the notifications or the checkout.

Have you got any other suggestions?

Best,

Dan