[Share] How to change Product Title to Custom Font

Some simple steps to change Product Title to Custom Font.

If it doesn't work, you can send link to your site, I will check again.

#1. First, you need to access Custom CSS

#2. Next, click Custom Files

#3. Upload your custom font file

#4. Enter this font family code to your CSS box. And click on font file you uploaded (remember to replace Gotham Regular with your font name)

@font-face {
  font-family: 'Gotham Regular';
  src: url()
}

Squarespace will paste font file url to code. So we have exact code.

@font-face {
  font-family: 'Gotham Regular';
  src: url(https://static1.squarespace.com/static/6672ecf757a5d945cabc3965/t/667cd600ab3a1e53ea8a43f6/1719457280881/GothamCond-Black.ttf)
}

#5. Add this to Custom CSS box

h1.ProductItem-details-title, .grid-title {
    font-family: 'Gotham Regular' !important;
}

#6. If you want to apply to product title on Cart Page, use this

a.cart-row-title {
    font-family: 'Gotham Regular' !important;
}