How can I add Cinzel as a primary heading font on my site?

BThink
Shopify Partner
7 0 0

I need to add Cinzel as a font choice on my site, but using the instructions I can find on here it doesnt work. I want it to be the Primary Heading font.


Does anyone have any ideas how to do this with a SHopify 2.0 site?

 

My site - https://susannahweiland.myshopify.com/

Reply 1 (1)

Jenny_HD
Shopify Partner
43 11 6

Upload the font files in the Asset folder.

 

Then in the base.css file at the end. Paste the below

@font-face {
  font-family: 'FONT NAME';
  src: url("FILE NAME.woff2") format("woff2"),
       url("FILE NAME.woff") format("woff"),
       url("FILE NAME.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: antialiased;
}

 

It won't show in your theme editor, so make sure to add it to your CSS,
.h1, h1,
.h2, h2 {
font-family: 'YourFontHere';
}

Jenny Delibasic,

Shopify Developer