Adding code to Theme.css is not changing fonts on the website

Technical Q&A
, ,
1

Hi,

I’m trying to change the font on our website for the theme Stiletto.

our font is called “Neutra Text Book Alt” and i have it in a woff2 file, I’ve been following this instruction below, but nothing happens, the font doesn’t change.

  1. Convert your font from OTF to WOFF2

  2. From your Shopify Admin go to Online Store > Themes > next to the theme you want to edit click Actions > Edit Code. Go to Asset/theme.css

  3. Paste code at the bottom, replace name of you font and of you file

    @font-face {

    font-family: “NAME OF FONT”;

    src: url(“NAME-OF-FONT-FILE.woff2”) format(“woff2”),

    url(“NAME-OF-FONT-FILE.woff”) format(”woff");

    }

    Add Classes here with comma, { font-family: ”NAME OF FONT”Important; }

    1. Upload the WOFF2-file under assets

    2. Copy full font name (without ”.woff2” and paste above in NAME OF FONTS

    3. Add classes here "Add Classes here with comma, ", if you want all text add:

    h1,h2,h3,h4,h5,h6,body,p,a

    1. Add below/above our new code

    // newly installed code starts

    // newly installed code ends

I would be very thankful if someone could help me.

Thanks!

2

i tried this code on my this project but i did not found the results.

3

The font I want to add is called Neutra Text Book Alt. Perhaps Shopify won’t accept the font?

4

Hi [email removed]MAYLA,

You can use my code

@font-face {
font-family: "Neutra Text Book Alt";
src: url("https://cdn.shopify.com/s/files/1/0612/7756/9224/files/NeutraText.woff2?v=1676079239") format("woff2")
}

using

h1,h2,h3,h4,h5,h6,body,p,a{
font-family:'Neutra Text Book Alt'
}

Hope my solution works perfectly for you!

Best regards,

Victor | PageFly

5

Hi, Thank you so much but it still doesn’t work. I added your code to our “theme.css” But should I add it somewhere else?

6

Cab you give me a screenshot of the position added code?