To display a correct pinyin in a web page what font should i use
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.