To display a correct pinyin in a web page what font should i use I have the line
&lt;link href=&quot;https:/   /fonts.googleapis.com/css2?family=Ma+Shan+Zheng&amp;display=swap&quot; rel=&quot;stylesheet&quot;&gt;
to display a nice font for Chinese characters, which looks like brushed hanzis, but i need to display also pinyin with tone.
Some accents are not available with this line in CSS : font-family: 'Ma Shan Zheng', cursive;
Pinyin-friendly sans serif faces at Google Fonts

As of January 9, 2018, Google Fonts had 848 font families, 134 of which are sans serif faces. Of those, 22 can handle Hanyu Pinyin with tone marks.