As of January 9, 2018, Google Fonts had 848 font families, 183 of which are display faces. Of those, the following 20 can handle Hanyu Pinyin with tone marks.

• Arima Madurai



• Baloo (Note: The various Baloo fonts all look the same for Latin letters; they differ only in which Indian script they also cover.)

  

  • Baloo Bhai
  • Baloo Bhaijaan
  • Baloo Bhaina
  • Baloo Chettan
  • Baloo Da
  • Baloo Paaji
  • Baloo Tamma
  • Baloo Tammudu
  • Baloo Thambi
• Bungee



• Bungee Hairline



• Bungee Inline



• Bungee Outline



• Bungee Shade



• Chonburi



• Farsan



• Lalezar



• Lobster

As of January 9, 2018, Google Fonts had 848 font families, 80 of which are handwriting faces. Of those, just 3 can handle Hanyu Pinyin with tone marks.

• Dekko (Caveat: Although Dekko handles some seldom-seen diacritics, it doesn’t deal well with curved apostrophes or quotation marks, so use it with caution.)



• Itim



• Sriracha

As of January 9, 2018, Google Fonts had 848 font families, 7 of which are monospace faces. Of those, 4 can handle Hanyu Pinyin with tone marks.

• Cousine



• Source Code Pro



• Space Mono



• Ubuntu Mono

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.

• Alegreya Sans



• Alegreya Sans SC



• Andika



• Archivo



• Arimo (most recent as of Jan. 2, 2018)



• Athiti



• Fira Sans



• Fira Sans Condensed



• Fira Sans Extra Condensed



• Kanit



• Mitr



• News Cycle



• Noto Sans



• Pattaya



• Prompt



• Saira



• Saira Condensed



• Saira Extra Condensed



• Saira Semi Condensed



• Source Sans Pro



• Ubuntu



• Ubuntu Condensed

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

• Alegreya



• Alegreya SC



• Cormorant (Caveat: In the Cormorant fonts, the marks for tones 2-4 are nearly vertical, which may not provide sufficient distinction between them for many readers.)



• Cormorant Garamond



• Cormorant Infant



• Cormorant SC



• Cormorant Unicase



• Cormorant Upright (Caveat: The third-tone mark in ǚ is inverted.)



• David Libre



• EB Garamond



• Faustina



• Gentium Basic



• Gentium Book Basic



• Judson



• Maitree



• Manuale



• Noticia Text



• Noto Serif



• Pridi (Caveat: The mark for second tone and the apostrophe look very similar.)



• Taviraj



• Tinos



• Trirong