Fonts not appearing correctly in Safari

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

Hello! Here is the site I am working on and the page I am referencing: https://www.yellowbikepress.com/blog.

I used code to change the font of the blog post title and "Read More" button in the summary section, as well as the "Sign Up" button in the Subscribe section on the right. In Chrome the fonts show up fine, however in Safari they don't appear.

Here is the correct formatting:

And here is how it appears in Safari:

Any thoughts on how to fix this? Thanks!

Hi. Which font name? Squarespace font or custom font?

Hi tuanphan. The font is Henderson Sans. It's listed in Squarespace.

On 5/12/2021 at 7:41 AM, mnewell said:

Hi tuanphan. The font is Henderson Sans. It's listed in Squarespace.

It doesn't work here, Windows/Chrome

I think your font name is incorrect, use this name

.summary-read-more-link {
    font-family: 'henderson-sans-basic' !important;
}

On 5/12/2021 at 7:41 AM, mnewell said:

Hi tuanphan. The font is Henderson Sans. It's listed in Squarespace.

and need help on these issues?

Site URL – https://www.yellowbikepress.com/

1. (Mobile-Homepage) Remove white bar on right/bottom of screen

2. (Tablet-Homepage) Remove white bar on bottom of screen?

3. (Tablet-Homepage) Increase width a bit?

4. (Tablet-Blog) Stacked posts/sidebar?

Hi tuanphan. That worked for the font – thanks for pointing out the correct name.

Yes, I would appreciate help for 1, 2, 3, and 4 if you can.

On 5/18/2021 at 4:52 AM, mnewell said:

Hi tuanphan. That worked for the font – thanks for pointing out the correct name.

Yes, I would appreciate help for 1, 2, 3, and 4 if you can.

Add to Design > Custom CSS > Then save & Reload the site

/* Fix white bar */
@media screen and (max-width:640px) {
body {
    margin-bottom: 0 !important;
}
}
@media screen and (max-width:900px) and (min-width:641px) {
body {
    margin-bottom: 0 !important;
}
/* 3 icons width */
div#page-6064ae793e481f07b35bc33b .span-12>div:nth-child(6) .span-2 {
    width: 33.333%;
}
div#page-6064ae793e481f07b35bc33b .span-12>div:nth-child(6) .span-1 {
    display: none;
}
div#page-6064ae793e481f07b35bc33b .span-12>div:nth-child(6) .span-2:nth-child(2) {
    display: none;
}
/* stacked blog */
div#page-6079d5f05f35f16e8ed53852 .span-12>.row:nth-child(3)>.col {
    width: 100%;
}
}

Thank you! Those worked great.

On 5/27/2021 at 12:25 AM, mnewell said:

Thank you! Those worked great.

It looks like the links you placed on tel/email are invalid. Try accessing on mobile & tap on email/phone to confirm this.

Hi tuanphan. Thanks for pointing that out. I think i fixed it.