Custom fonts not loading on mobile in Site Design & Styles Posted July 30, 2021 Can any help me, I'm having the same issue, my customs fonts (SilverSouthSerif and SilverSouthScriptAlt are not displaying on mobile for Headings H1 and H2. Here is my code. Thanks @font-face { font-family: 'Roboto'; src: url('https://indigo-saxophone-chwp.squarespace.com/config/design/undefined'); } h1 {font-family: 'Roboto-Regular';} h2 {font-family: 'Roboto-Bold';} h3 {font-family: 'Roboto-Regular';} h4 {font-family: 'Roboto-Regular';} h5 {font-family: 'Roboto-Regular';} P {font-family: 'Roboto-Regular';} @font-face { font-family: 'SilverSouth'; src: url('https://indigo-saxophone-chwp.squarespace.com/config/design/undefined'); } h1 {font-family: 'SilverSouthSerif'; font-style: regular; font-size: 60px; letter-spacing: 0em; text-transform: sentencecase; line-height: 1em; } h2 { font-family: 'SilverSouthScriptAlt'; font-weight: 500; font-style: regular; font-size: 70px; letter-spacing: 0em; text-transform: sentencecase; line-height: 1em; } h3 {font-family: 'Roboto-Bold';} h4 {font-family: 'Roboto-Regular';} h5 { font-family: 'SilverSouthScriptAlt'; font-weight: 500; font-style: regular; font-size: 40px; letter-spacing: 0em; text-transform: sentencecase; line-height: 1em; }
Custom fonts not loading on mobile
in Site Design & Styles
Posted
Can any help me, I'm having the same issue, my customs fonts (SilverSouthSerif and SilverSouthScriptAlt are not displaying on mobile for Headings H1 and H2.
Here is my code. Thanks
@font-face {
font-family: 'Roboto';
src: url('https://indigo-saxophone-chwp.squarespace.com/config/design/undefined');
}
h1 {font-family: 'Roboto-Regular';}
h2 {font-family: 'Roboto-Bold';}
h3 {font-family: 'Roboto-Regular';}
h4 {font-family: 'Roboto-Regular';}
h5 {font-family: 'Roboto-Regular';}
P {font-family: 'Roboto-Regular';}
@font-face {
font-family: 'SilverSouth';
src: url('https://indigo-saxophone-chwp.squarespace.com/config/design/undefined');
}
h1 {font-family: 'SilverSouthSerif';
font-style: regular;
font-size: 60px;
letter-spacing: 0em;
text-transform: sentencecase;
line-height: 1em;
}
h2 {
font-family: 'SilverSouthScriptAlt';
font-weight: 500;
font-style: regular;
font-size: 70px;
letter-spacing: 0em;
text-transform: sentencecase;
line-height: 1em;
}
h3 {font-family: 'Roboto-Bold';}
h4 {font-family: 'Roboto-Regular';}
h5 {
font-family: 'SilverSouthScriptAlt';
font-weight: 500;
font-style: regular;
font-size: 40px;
letter-spacing: 0em;
text-transform: sentencecase;
line-height: 1em;
}