Hi all,
I am also having a bit of trouble with my mobile font (H1 and H2). I am able to see it when I use the chrome app, but not the Google Bar widget on my Google Pixel 8. Any ideas?
Here is my CSS
@font-face {
font-family: 'Calgary';
src: url('https://static1.squarespace.com/static/65eb616f26d6c01e8ed4e11e/t/65ef241ee66db84f275fd5ca/1710171166535/Calgary-Regular.ttf');
}
h1 {
font-family: 'Calgary';
}
@font-face {
font-family: 'Calgary';
src: url('https://static1.squarespace.com/static/65eb616f26d6c01e8ed4e11e/t/65ef241ee66db84f275fd5ca/1710171166535/Calgary-Regular.ttf');
}
h2 {
font-family: 'Calgary';
}
@font-face {
font-family: 'Avenir';
src: url('https://static1.squarespace.com/static/65eb616f26d6c01e8ed4e11e/t/65eb7531cc28f63ada01ae96/1709929777368/AvenirLTStd-Book.otf');
}
.sqs-block-button-container a{
font-family: 'Avenir' !important;
}
.header-actions-action--cta .sqs-button-element--primary {
font-family: 'Avenir'!important;
}
.header--menu-open .header-menu-nav-folder-content a {font-family: 'Calgary'}
.header--menu-open .btn {font-family: 'Avenir'!important;}
@media only screen and (max-width: 640px){
h1 {
font-size: 40px !important;
}
h2 {
font-size: 30px !important;
}
}
Here is my site:
https://www.thegalleryhousebedford.com/
Thanks in advance!