sarahcurds

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';
}