Jump to content

Helvetica Neue no longer looks the same

Recommended Posts

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

Hello! 

The Helvetica Neue font no longer looks the same on my website. When I logged on today to make some small changes (not to the design), the font was incredibly thin. It was completely fine on Friday when I was also editing some things (not the design). 

I'm assuming it has to deal with the font weight, but I didn't change anything nor add any custom CSS -- it is set to 700. I cannot get it back to the way it was for the life of me and I'm not sure what went wrong. Bolding no longer works on the website for Helvetica Neue, either.

I do have custom CSS, but it's been the same for a while and I didn't update anything before the mysterious change in font. I'll put the custom CSS I have below just in case.

I don't have any images or screenshots from how it looked like before.

The font on mobile also looks different -- instead of incredibly thin, it is too bold. 

I'm wondering if anyone knows if this font changed for some reason or if this is an error on my part. I'm also wondering if there is a change log of any sort to see if something was edited as an accident (I do have a cat that loves to step on the keyboard). I Googled about a Squarespace change log for individual sites, and it seems like there isn't one, but I'm still not sure -- I can't find it, but the first search says that it's there.

I would really appreciate any insight! 

Thank you for your time!! 

Custom CSS:

.header-title-text a {
  display: none;
}

mark {
  background-color: black;
  color: black;
}

div#block-#block-yui_3_17_2_1_1644630515058_10573 {
	display: block !important;
}

tr {
  border-bottom: 1px solid #ededed;
}
tr:hover { transition:.4s ease-in-out; background-color: #f9f5c7;}
th, td {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 30px;
  padding-right: 40px;
}

///SMOOTH SCROLL///

html {
scroll-behavior: smooth;
}


h5 {
  color: black;
  font-family: Lakerg;
  font-weight: 100;
  font-size: 30px;
}

h6 {
  color: white;
  font-family: Marola;
  font-size: 20px;
  -webkit-text-stroke: .5px black;
}

@font-face {   
font-family: 'Rough Treatment';   
src: url(https://static1.squarespace.com/static/61e8eb5a002cd87d42ba398b/t/61e9011110cddd4560466693/1642660115368/Rough_Treatment.ttf); 
}

@font-face {   
font-family: 'Marola';   
src: url(https://static1.squarespace.com/static/61e8eb5a002cd87d42ba398b/t/61e9019f986a61766e34a29d/1642660256580/MAROLA__.TTF); 
}

@font-face {   
font-family: 'Lakerg';   
src: url(https://static1.squarespace.com/static/61e8eb5a002cd87d42ba398b/t/61fa2ca4b41ff730ee0e5d1e/1643785381345/LAKERG__.TTF); 
}

 

Edited by heartslice
Link to comment
  • 1 month later...
  • Replies 3
  • Views 2.3k
  • Created
  • Last Reply

Top Posters In This Topic

11 hours ago, noahawaii said:

I had that happen to me when I switched from 7.0 to 7.1. That could be the difference or some kind of update is showing because I was able to see my original style fonts in different browsers. I think SS is doing something behind the scenes

What is your site url? We can take a look

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
  • 1 year later...

Hi all,

I am noticing the same issue with my P text on the desktop browser.  Helvetica Neue looks bold and all my spacing done in the SS style panel has been removed. Plus, some custom footer CSS is no longer in code injection.

Kinda annoying since it messed up some important designs that lend to the storytelling of the pages.

Is this just an update issue and is usually resolved in a few days?

Hopefully we get this resolved before Black Friday traffic 😕

 

Link to comment

Create an account or sign in to comment

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


×
×
  • 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.