How to install custom fonts on Squarespace websites ✦ Launch the Damn Thing!® | Squarespace Website Designer

// Header 1 - custom SERIF font // 
@font-face {     
  font-family: 'PlayfairDisplay', serif;        
  src: url(https://static1.squarespace.com/fake-url/PlayfairDisplay.woff);        
  src: url(https://static1.squarespace.com/fake-url/PlayfairDisplay.woff2);   
} 
h1 { 
  font-family: 'PlayfairDisplay' !important; 
  font-size: 2em; 
}


// Header 1 - custom SCRIPT font // 
@font-face {     
  font-family: 'Pinyon Script', cursive;        
  src: url(https://static1.squarespace.com/fake-url/PinyonScript.woff);        
  src: url(https://static1.squarespace.com/fake-url/PinyonScript.woff2);   
} 

h1 em { 
  font-family: 'Pinyon Script' !important; 
  font-size: 2.5em; 
  font-style: normal !important; 
  padding: 15px; 
}