Jump to content

Helvetica Neue no longer looks the same

Recommended Posts

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


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;


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 2
  • 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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.