CUSTOM FONT NOT SHOWING IN MOBILE BUT WORKS ON DESKTOP

Website: www.visual-ess.com 

Font: Beaches and cream

I have the custom font beaches and cream installed and noticed it doesn't appear on mobile.

The code:

//* CUSTOM FONTS *//
@font-face {
font-family: 'Beaches And Cream';
src: url(https://static1.squarespace.com/static/6212ab3874544343916c7031/t/65651dfd6eae2905b0c3564b/1701125629911/BeachesAndCream.otf);
}

.sqsrte-small {font-family: 'BeachesAndCream' !important;  
font-size:70px;
letter-spacing:1px;
line-height:140%;
}

On 1/1/2024 at 7:03 AM, tuanphan said:

Both need same, but current they are different

It should be (I added space on second font family code)

@font-face {
    font-family: 'Beaches And Cream';
    src: url(https://static1.squarespace.com/static/6212ab3874544343916c7031/t/65651dfd6eae2905b0c3564b/1701125629911/BeachesAndCream.otf)
}

.sqsrte-small {
    font-family: 'Beaches And Cream' !important;
    font-size: 70px;
    letter-spacing: 1px;
    line-height: 140%
}

 

Thank you so much! Fixed it.