font of h4 h5 & h6 don't show on mobile

hello,

I added h4, h5 & h6 to my website. They show fine on desktop view and at squarespace mobile view. But when I enter the website from my mobile the fonts are not correct. What am I doing wrong?

thanks!

Super late but I've had this issue with TWO client websites now where the Custom Font won't adhere to the code on Mobile (Safari) even though it shows up perfectly on the Squarespace Mobile preview.

My fix was to create an <a class> which shows up perfectly on Safari.

Quote

CODE BLOCK

<a href="" class="classname">Text Goes Here</a>

Quote

CSS

.classname {
  background-color: none;
  color: #XXXXXX;
  padding: 0px;
  font-family: 'FONT' !important;
  font-size: 40px;
  letter-spacing: 0px;
  line-height: 42px;
  text-decoration: none;
  pointer-events: none;
}
@media screen and (max-width:767px) {
.classname {
  background-color: none;
  color: #XXXXXX;
  padding: 0px;
  font-family: 'FONT' !important;
  font-size: 30px;
  letter-spacing: 0px;
  line-height: 30px;
  text-decoration: none;
  pointer-events: none;
}}

I hope that helps!