tegancann
-
Posts
2 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Posts posted by tegancann
-
-
Hello!
One of my custom fonts isn't working on mobile for some reason. Everything appears to be working in the Squarespace editor just fine but when I check my phone they're not the same.
All of the Termina Demi sections don't work on mobile except for the mobile menu which I added css for.
// Fonts //
@font-face {
font-family: Termina Demi;
src: url('https://static1.squarespace.com/static/63f8fd55ee545172d652c8a7/t/63fe359b332fe92ef76507e6/1677604251588/Termina-Demi.woff');
}@font-face {
font-family: Mundial Regular;
src: url(https://static1.squarespace.com/static/63f8fd55ee545172d652c8a7/t/63fe35cc0e256a7c9b9e5165/1677604300568/Mundial-Regular.woff);
}@font-face {
font-family: Mundial Bold;
src: url(https://static1.squarespace.com/static/63f8fd55ee545172d652c8a7/t/63fe35c45a90c93cc40d48f7/1677604292850/Mundial-Bold.woff);
}h1 {
font-family: 'Termina Demi';
text-transform: uppercase;
font-size: 40px;
}
h2 {font-family: 'Termina Demi';
text-transform: uppercase;
font-size: 27px;
}
h3 {font-family: 'Mundial Bold';
font-size: 20px;
text-transform: uppercase;
}.sqsrte-large {
font-family: 'Mundial Regular';
font-size: 22px;
line-height: 2rem;
}p {
font-family: 'Mundial Regular';
font-size: 17px;
}
.sqsrte-small {font-family: 'Mundial Bold';
font-size: 17px;
}
Custom font not showing on mobile
in Fonts, colors and images
Posted
Hello, I'm also having the same issue!
One of my custom fonts isn't working on mobile for some reason. Everything appears to be working in the Squarespace editor just fine but when I check my phone they're not the same.
All of the Termina Demi sections don't work on mobile except for the mobile menu which I added css for.
// Fonts //
@font-face {
font-family: Termina Demi;
src: url('https://static1.squarespace.com/static/63f8fd55ee545172d652c8a7/t/63fe359b332fe92ef76507e6/1677604251588/Termina-Demi.woff');
}
@font-face {
font-family: Mundial Regular;
src: url(https://static1.squarespace.com/static/63f8fd55ee545172d652c8a7/t/63fe35cc0e256a7c9b9e5165/1677604300568/Mundial-Regular.woff);
}
@font-face {
font-family: Mundial Bold;
src: url(https://static1.squarespace.com/static/63f8fd55ee545172d652c8a7/t/63fe35c45a90c93cc40d48f7/1677604292850/Mundial-Bold.woff);
}
h1 {
font-family: 'Termina Demi';
text-transform: uppercase;
font-size: 40px;
}
h2 {
font-family: 'Termina Demi';
text-transform: uppercase;
font-size: 27px;
}
h3 {
font-family: 'Mundial Bold';
font-size: 20px;
text-transform: uppercase;
}
.sqsrte-large {
font-family: 'Mundial Regular';
font-size: 22px;
line-height: 2rem;
}
p {
font-family: 'Mundial Regular';
font-size: 17px;
}
.sqsrte-small {
font-family: 'Mundial Bold';
font-size: 17px;
}