Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Adding New Font over CSS


BrittaWAE

Question

Site URL: http://brittawaechter.com

Hello, 

I would like to add a new font to my website and need to do that over custom CSS.

I used this CODE:

@font-face {

    font-family: 'FontTitle';

       src: url('FontURL');

  }

h1 {font-family: 'FontTitle';}

However when I follow this a new font is added but it is not the font I need. And I even tried it with another font and it stayed the same. Appartently when " dealing with custom code and CSS modifications it is possible that the code added might interfere with the built-in code and fonts of the site, so for that reason I won't be able to troubleshoot the added code or provide a new one." 

This was mentioned by the support yet I am not sure how to solve this.

Could someone please advice?

Thank you, Britta

Link to post
  • Answers 7
  • Created
  • Last Reply

Top Posters For This Question

Popular Days

Top Posters For This Question

Posted Images

7 answers to this question

Recommended Posts

  • 0

What is your actual font url?

Greeting, it's BaNgan from BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, 360 Degree Photo block, Animated Heading Block
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to post
  • 0

Hey thanks already for your response.

This is the URL of the font - FontURLhttps://static1.squarespace.com/static/5da42bbf2526b10b2131e80f/t/5fa0109c23873844cebf5597/1604325532443/Amare.ttfhttps://static1.squarespace.com/static/5da42bbf2526b10b2131e80f/t/5fa0109c23873844cebf5597/1604325532443/Amare.ttfhttps://static1.squarespace.com/static/5da42bbf2526b10b2131e80f/t/5fa01177c0d9fd7d2fa6e069/1604325752173/Amare.ttfhttps://static1.squarespace.com/static/5da42bbf2526b10b2131e80f/t/5fa01177c0d9fd7d2fa6e069/1604325752173/Amare.ttfhttps://static1.squarespace.com/static/5da42bbf2526b10b2131e80f/t/5fa01177c0d9fd7d2fa6e069/1604325752173/Amare.ttfhttps://static1.squarespace.com/static/5da42bbf2526b10b2131e80f/t/5fa01177c0d9fd7d2fa6e069/1604325752173/Amare.ttf'

Link to post
  • 0
4 hours ago, BrittaWAE said:

And I also tried it with another font and didnt work and this is the code

FontURL https://static1.squarespace.com/static/5da42bbf2526b10b2131e80f/t/5fa059c1c632cd1520a4ca85/1604344257752/Brandon_reg.otf');

This otf font path seems working, but the ttf file above return nothing, have you try to re-upload?

image.thumb.png.a4e13090f8e3bcae8950d724998c9aca.png

Greeting, it's BaNgan from BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, 360 Degree Photo block, Animated Heading Block
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...