Why is my custom font not working in Shopify?

Store Design
1

Hello,

im having touble with a custom font that im trying to install into my Shopify (im plus users).

I bought the font from https://www.myfonts.com/products/pro-regular-mark-370942 its called “FF Mark Pro Regular”.

When i try to add to the theme i follow everything its told by shopify.

  1. Add the font to my asset “font.woff” and “font.woff2”

  2. Add the copyright to the theme

  3. add @fontface to css the following way

@font-face {
    font-family: 'FFMark';
    src: url('font.woff2') format('woff2'),
         url('font.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

Please can someone help me with this.

2

Hi - Can you share the URL of your shop?

Mark

3

Its

https://adagio.cl/

And im testing it on

https://adagio.cl/pages/test

4

Can you try something like this:

src: url("../assets/FFMarkRegular.otf") format("opentype");
5

Cant upload a .OTF file to assets

6

Oh? it works on my shop. Do you want to do a quick meet?

7

Yes sure, can you schedule one to my email tatanpuga@gmail.com

8

I added the OTF directly from files and now its working, should i embeed woff anyway?

Regards,