Hi everyone,
Much help needed from all CSS experts out there! 🥲
Site: falcon-oboe-ej5c.squarespace.com
I have a bilingual site in Traditional Chinese and English, my headings are using a serif font named "Baskerville Poster PT", it displays English nicely on desktop, the Chinese part also shows up as a serif on desktop, however on mobile you can see the Chinese shows up as a random sans-serif and that's what I'd like to change.
I'd like the website to load up Google Font "Noto Serif Traditional Chinese" for the Chinese, while the English part remains using "Baskerville Poster PT".
https://fonts.google.com/noto/specimen/Noto+Serif+TC
I tried using the font family command but failed, on mobile the Chinese part still shows up as a sans-serif:
h2, h3, h4 {
font-family: 'baskerville-poster-pt', 'Noto Serif TC', serif;
}
Attached are screenshots on desktop and mobile. Any help would be greatly appreciated!!!