I've added Muli and Lato as custom fonts to my site. Lato is working well but on some browsers/devices another serif font shows instead of Muli for paragraphs. My code has worked fine for another site, also using the 7.1 template, so I'm baffled. Any ideas on how to troubleshoot would be very welcome?
My custom code is below and I've uploaded a pic to show my fonts have been added as custom files.
Custom Font doesn't load
in Site Design & Styles
Posted
Site URL: https://turkey-emu-sd4a.squarespace.com/
Hi all,
I've added Muli and Lato as custom fonts to my site. Lato is working well but on some browsers/devices another serif font shows instead of Muli for paragraphs. My code has worked fine for another site, also using the 7.1 template, so I'm baffled. Any ideas on how to troubleshoot would be very welcome?
My custom code is below and I've uploaded a pic to show my fonts have been added as custom files.
@font-face {
font-family: 'Muli';
src: url(https://static1.squarespace.com/static/5efccf013260ec23a0736abe/t/5efcd5307e7bab5539c1e493/1593627952821/Muli-Regular.ttf);
}
@font-face {
font-family: 'Lato';
src: url(https://static1.squarespace.com/static/5efccf013260ec23a0736abe/t/5efcd4e8603e98547506a5bd/1593627880622/Lato-Regular.ttf);
}
h1 {
font-family: 'Lato';
}
h2 {
font-family: 'Lato';
}
h3 {
font-family: 'Lato';
}
h4 {
font-family: 'Muli';
}
p {
font-family: 'Muli';
}