Jump to content

Custom Font Error

Recommended Posts

Site URL: https://www.inputcollective.com

Hi there, I have the following code pasted in the CSS editor but it simply won't replace the pre-existing font pack. Any ideas?

 

// ASSIGNING FONTS //

// URBANI ULTRABLACK //

@font-face {   
font-family: 'Urbani-UltraBlack';   
src: url(https://static1.squarespace.com/static/5ff8758cdd4cdc650b26228b/t/6012cd06753c2b683316bc9a/1611844870999/Urbani-UltraBlack.otf), url(https://static1.squarespace.com/static/5ff8758cdd4cdc650b26228b/t/60421d373f35b3501dbc78a3/1614945591555/Urbani-UltraBlack.woff), url(https://static1.squarespace.com/static/5ff8758cdd4cdc650b26228b/t/60421d41bbcd3b44563faf42/1614945601394/Urbani-UltraBlack.woff2); 
}

// URBANI LIGHT //

@font-face {   
font-family: 'Urbani-Light';   
src: url(https://static1.squarespace.com/static/5ff8758cdd4cdc650b26228b/t/6012cfcf38689f00792b1ae6/1611845584100/Urbani-Light.otf), url(https://static1.squarespace.com/static/5ff8758cdd4cdc650b26228b/t/60421d54f39ed9422332650b/1614945621145/Urbani-Light.woff), url(https://static1.squarespace.com/static/5ff8758cdd4cdc650b26228b/t/60421d5ab6044c2b87cb7516/1614945626646/Urbani-Light.woff2); 
}

// FONT ASSIGNMENT // 

H1 {
  font-family: 'Urbani-UltraBlack';
}

H2 {
  font-family: 'Urbani-UltraBlack';
}

H3 {
  font-family: 'Urbani-UltraBlack';
}

H4 {
  font-family: 'Urbani-UltraBlack';
}

P {font-family: 'Urbani-Light';
}

Link to comment
  • Replies 1
  • Created
  • Last Reply

Use this new code

@font-face {
  font-family: 'Urbani-UltraBlack';
  src: url('https://static1.squarespace.com/static/5ff8758cdd4cdc650b26228b/t/6012cd06753c2b683316bc9a/1611844870999/Urbani-UltraBlack.otf'); /* IE9 Compat Modes */
  src: url('https://static1.squarespace.com/static/5ff8758cdd4cdc650b26228b/t/60421d41bbcd3b44563faf42/1614945601394/Urbani-UltraBlack.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://static1.squarespace.com/static/5ff8758cdd4cdc650b26228b/t/60421d373f35b3501dbc78a3/1614945591555/Urbani-UltraBlack.woff') format('woff'); /* Pretty Modern Browsers */
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Urbani-UltraBlack'
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.