Jump to content

Custom font appearing bolder on mobile only

Recommended Posts

Hi there, 

Any help is appreciated on how to resolve this issue...

On mobile only, specifically on my portfolio pages the custom font I have appears bolder than on desktop. 

The below is how I call the font. 

@font-face {
font-family: Perfectly Nineties Semibold;
src: url(https://static1.squarespace.com/static/63bfc086c9fdd579dec90fb5/t/63c6246b25a99b52c9874dca/1673929835998/PerfectlyNineties-Semibold.woff);

h1 {
font-family: 'Perfectly Nineties Semibold';
font-weight: 400 !important;



CleanShot 2023-02-21 at 17.02.21@2x.png

Link to comment
  • Replies 2
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

@media screen and (min-width: 768px), screen and (max-width: calc(1511px)) and (orientation: landscape){
h1 {
    font-size: calc((3.5 - 1) * 1.2vw + 1rem);


Hi, I'm BITTU. A website developer with 8 years experience with Squarespace. if you need help and work with me email me here :- mandeepsquarespace@gmail.com Best Hourly Rate :- $15 Per Hour

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.