Changing to Custom Font on Collection Titles - Debut Theme

artbythorv
New Member
5 0 0

Hello, 

I am looking to change the font on my Collection Pages to a custom font. I have uploaded the Custom fonts as an Asset. I believe they are in there correctly, but I do not know how to get the right code for it to point to that font.

https://store.thehouseofredvelvet.com/collections/eternal-house

I want to change all titles on Collection pages to Reckoner_Bold.

Thank you.

0 Likes
Propero
Shopify Partner
735 83 122

@artbythorv ,

You would need to add the @font-face declaration and then use the associated font family for the collection title

@font-face {
  font-family: "MyFont";
  src: url('{{ "MyFont-regular.woff" | asset_url }}') format("woff");
}

put similar code replace the actual file name above and put this in css-variable.liquid snippet 

- Was my reply helpful? Click Like or Click Accept as Solution
To hire: email us at shopify@propero.in
checkout our app https://apps.shopify.com/picamaze
0 Likes
artbythorv
New Member
5 0 0

I am still somewhat new at coding so direct directions are easier for me. Do you mean I have to put this code with other code? 

0 Likes
artbythorv
New Member
5 0 0

That did not seem to work.Screen Shot 2021-04-13 at 1.39.58 PM.png

0 Likes
Propero
Shopify Partner
735 83 122

Please move this code before {% endstyle %}

after this you would need to add that font-family with the css selector of the class ( h1, h2, etc)

- Was my reply helpful? Click Like or Click Accept as Solution
To hire: email us at shopify@propero.in
checkout our app https://apps.shopify.com/picamaze
0 Likes
artbythorv
New Member
5 0 0

What do you mean add the font family to css selector?

0 Likes