Skip to content

Instantly share code, notes, and snippets.

@LuoZijun

LuoZijun/pinyin.html

Last active April 21, 2023 04:46
Show Gist options
  • Save LuoZijun/0a1686fd5d1d57f06432ce8f7f4ba1a5 to your computer and use it in GitHub Desktop.
Save LuoZijun/0a1686fd5d1d57f06432ce8f7f4ba1a5 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
pinyin.html
<!DOCTYPE html>
<html lang="cmn-Latn-pinyin">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Pinyin characters test</title>
</head>
<style type="text/css">
:root {
font-size: 16px;
}
.error { color: red; }
.green { color: green; }
.warn { color: Chocolate; }
main {
columns: 20em;
height: 100vh;
}
hr {
/* padding-top: 16em;*/
}
table {
margin: 0 0 0 0;
padding: 0 0 0 0;
border-spacing: 0;
}
table, th, td {
border: 1px solid black;
}
th, td {
text-align: center;
border-top-width: 0;
border-left-width: 0;
padding-top: 6px;
}
th:last-child, td:last-child { border-right-width: 0; }
tr:last-child td { border-bottom-width: 0; }
</style>
<body>
<p>
<span class="warn">Chocolate Color</span> indicate that character may not good support in font.(e.g. glyphs look weird)<br />
<span class="error">Red Color</span> indicate that character not support in font (or not full support).
If it looks to render correctly, it's because the browser is using a different font.
</p>
<main>
<table style="font-family: 'Noto Serif';">
<caption>Noto Serif</caption>
<thead>
<tr><th colspan='11'>Hanyu Pinyin vowels with Tone Marks</th></tr>
</thead>
<tbody>
<tr><td colspan='11'>single Unicode character</td></tr>
<!--
A Ā Á Ǎ À a ā á ǎ à
E Ē É Ě È e ē é ě è
I Ī Í Ǐ Ì i ī í ǐ ì
O Ō Ó Ǒ Ò o ō ó ǒ ò
U Ū Ú Ǔ Ù u ū ú ǔ ù
Ü Ǖ Ǘ Ǚ Ǜ ü ǖ ǘ ǚ ǜ
a a a a a a a a a a
Ê Ế Ề ê ế ề
M Ḿ m ḿ
N Ń Ň Ǹ n ń ň ǹ
-->
<tr> <td></td><td>ˉ</td><td>ˊ</td><td>ˇ</td><td>ˋ</td><td>·</td> <td></td><td></td><td></td><td></td><td></td> </tr>
<tr> <td>A</td><td>Ā</td><td>Á</td><td>Ǎ</td><td>À</td><td> </td><td>a</td><td>ā</td><td>á</td><td>ǎ</td><td>à</td> </tr>
<tr> <td>E</td><td>Ē</td><td>É</td><td>Ě</td><td>È</td><td> </td><td>e</td><td>ē</td><td>é</td><td>ě</td><td>è</td> </tr>
<tr> <td class="warn">I</td><td class="warn">Ī</td><td class="warn">Í</td><td class="warn">Ǐ</td><td class="warn">Ì</td><td> </td><td>i</td><td>ī</td><td>í</td><td>ǐ</td><td>ì</td> </tr>
<tr> <td>O</td><td>Ō</td><td>Ó</td><td>Ǒ</td><td>Ò</td><td> </td><td>o</td><td>ō</td><td>ó</td><td>ǒ</td><td>ò</td> </tr>
<tr> <td>U</td><td>Ū</td><td>Ú</td><td>Ǔ</td><td>Ù</td><td> </td><td>u</td><td>ū</td><td>ú</td><td>ǔ</td><td>ù</td> </tr>
<tr> <td>Ü</td><td>Ǖ</td><td>Ǘ</td><td>Ǚ</td><td>Ǜ</td><td> </td><td>ü</td><td>ǖ</td><td>ǘ</td><td>ǚ</td><td>ǜ</td> </tr>
<tr><td colspan='11'> </td></tr>
<tr> <td>Ê</td><td> </td><td class="warn">Ế</td><td> </td><td class="warn">Ề</td><td> </td><td>ê</td><td> </td><td class="warn">ế</td><td> </td><td class="warn">ề</td> </tr>
<tr> <td>M</td><td> </td><td>Ḿ</td><td> </td><td> </td><td> </td><td>m</td><td> </td><td>ḿ</td><td> </td><td> </td> </tr>
<tr> <td>N</td><td> </td><td>Ń</td><td>Ň</td><td>Ǹ</td><td> </td><td>n</td><td> </td><td>ń</td><td>ň</td><td>ǹ</td> </tr>
<tr><td colspan='11'>Combining Diacritical Marks</td></tr>
<!--
◌̄ ◌́ ◌̌ ◌̀ ·◌
A Ā Á Ǎ À a ā á ǎ à
E Ē É Ě È e ē é ě è
I Ī Í Ǐ Ì i ī í ǐ ì
O Ō Ó Ǒ Ò o ō ó ǒ ò
U Ū Ú Ǔ Ù u ū ú ǔ ù
Ü Ǖ Ǘ Ǚ Ǜ ü ǖ ǘ ǚ ǜ
Ê Ê̄ Ế Ê̌ Ề ê ê̄ ế ê̌ ề
M M̄ Ḿ M̌ M̀ m m̄ ḿ m̌ m̀
N N̄ Ń Ň Ǹ n n̄ ń ň ǹ
-->
<tr> <td>◌</td><td>◌̄</td><td>◌́</td><td>◌̌</td><td>◌̀</td><td> </td> <td></td><td></td><td></td><td></td><td></td> </tr>
<tr> <td>A</td><td>Ā</td><td>Á</td><td>Ǎ</td><td>À</td><td> </td><td>a</td><td>ā</td><td>á</td><td>ǎ</td><td>à</td> </tr>
<tr> <td>E</td><td>Ē</td><td>É</td><td>Ě</td><td>È</td><td> </td><td>e</td><td>ē</td><td>é</td><td>ě</td><td>è</td> </tr>
<tr> <td class="warn">I</td><td class="warn">Ī</td><td class="warn">Í</td><td class="warn">Ǐ</td><td class="warn">Ì</td><td> </td><td>i</td><td>ī</td><td>í</td><td>ǐ</td><td>ì</td> </tr>
<tr> <td>O</td><td>Ō</td><td>Ó</td><td>Ǒ</td><td>Ò</td><td> </td><td>o</td><td>ō</td><td>ó</td><td>ǒ</td><td>ò</td> </tr>
<tr> <td>U</td><td>Ū</td><td>Ú</td><td>Ǔ</td><td>Ù</td><td> </td><td>u</td><td>ū</td><td>ú</td><td>ǔ</td><td>ù</td> </tr>
<tr> <td>Ü</td><td>Ǖ</td><td>Ǘ</td><td>Ǚ</td><td>Ǜ</td><td> </td><td>ü</td><td>ǖ</td><td>ǘ</td><td>ǚ</td><td>ǜ</td> </tr>
<tr><td colspan='11'> </td></tr>
<tr> <td>Ê</td><td>Ê̄</td><td class="warn">Ế</td><td>Ê̌</td><td class="warn">Ề</td><td> </td><td>ê</td><td>ê̄</td><td class="warn">ế</td><td>ê̌</td><td class="warn">ề</td> </tr>
<tr> <td>M</td><td>M̄</td><td>Ḿ</td><td>M̌</td><td>M̀</td><td> </td><td>m</td><td>m̄</td><td>ḿ</td><td>m̌</td><td>m̀</td> </tr>
<tr> <td>N</td><td>N̄</td><td>Ń</td><td>Ň</td><td>Ǹ</td><td> </td><td>n</td><td>n̄</td><td>ń</td><td>ň</td><td>ǹ</td> </tr>
<tr><td colspan='11'>Shorthand pinyin letters(single Unicode character)</td></tr>
<!--
Ĉ Ŝ Ẑ Ŋ
ĉ ŝ ẑ ŋ
-->
<tr> <td>Ĉ</td><td>Ŝ</td><td>Ẑ</td><td>Ŋ</td><td></td><td> </td><td></td><td></td><td></td><td></td><td></td> </tr>
<tr> <td>ĉ</td><td>ŝ</td><td>ẑ</td><td>ŋ</td><td></td><td> </td><td></td><td></td><td></td><td></td><td></td> </tr>
<tr><td colspan='11'>Other(two Unicode character, not use Combining Diacritical Marks)</td></tr>
<tr> <td>·◌</td><td></td><td></td><td></td><td></td><td> </td><td></td><td></td><td></td><td></td><td></td> </tr>
</tbody>
</table>
<table style="font-family: 'Noto Sans';">
<caption>Noto Sans</caption>
<thead>
<tr><th colspan='11'>Hanyu Pinyin vowels with Tone Marks</th></tr>
</thead>
<tbody>
<tr><td colspan='11'>single Unicode character</td></tr>
<!--
A Ā Á Ǎ À a ā á ǎ à
E Ē É Ě È e ē é ě è
I Ī Í Ǐ Ì i ī í ǐ ì
O Ō Ó Ǒ Ò o ō ó ǒ ò
U Ū Ú Ǔ Ù u ū ú ǔ ù
Ü Ǖ Ǘ Ǚ Ǜ ü ǖ ǘ ǚ ǜ
a a a a a a a a a a
Ê Ế Ề ê ế ề
M Ḿ m ḿ
N Ń Ň Ǹ n ń ň ǹ
-->
<tr> <td></td><td>ˉ</td><td>ˊ</td><td>ˇ</td><td>ˋ</td><td>·</td> <td></td><td></td><td></td><td></td><td></td> </tr>
<tr> <td>A</td><td>Ā</td><td>Á</td><td>Ǎ</td><td>À</td><td> </td><td>a</td><td>ā</td><td>á</td><td>ǎ</td><td>à</td> </tr>
<tr> <td>E</td><td>Ē</td><td>É</td><td>Ě</td><td>È</td><td> </td><td>e</td><td>ē</td><td>é</td><td>ě</td><td>è</td> </tr>
<tr> <td class="warn">I</td><td class="warn">Ī</td><td class="warn">Í</td><td class="warn">Ǐ</td><td class="warn">Ì</td><td> </td><td>i</td><td>ī</td><td>í</td><td>ǐ</td><td>ì</td> </tr>
<tr> <td>O</td><td>Ō</td><td>Ó</td><td>Ǒ</td><td>Ò</td><td> </td><td>o</td><td>ō</td><td>ó</td><td>ǒ</td><td>ò</td> </tr>
<tr> <td>U</td><td>Ū</td><td>Ú</td><td>Ǔ</td><td>Ù</td><td> </td><td>u</td><td>ū</td><td>ú</td><td>ǔ</td><td>ù</td> </tr>
<tr> <td>Ü</td><td>Ǖ</td><td>Ǘ</td><td>Ǚ</td><td>Ǜ</td><td> </td><td>ü</td><td>ǖ</td><td>ǘ</td><td>ǚ</td><td>ǜ</td> </tr>
<tr><td colspan='11'> </td></tr>
<tr> <td>Ê</td><td> </td><td class="warn">Ế</td><td> </td><td class="warn">Ề</td><td> </td><td>ê</td><td> </td><td class="warn">ế</td><td> </td><td class="warn">ề</td> </tr>
<tr> <td>M</td><td> </td><td>Ḿ</td><td> </td><td> </td><td> </td><td>m</td><td> </td><td>ḿ</td><td> </td><td> </td> </tr>
<tr> <td>N</td><td> </td><td>Ń</td><td>Ň</td><td>Ǹ</td><td> </td><td>n</td><td> </td><td>ń</td><td>ň</td><td>ǹ</td> </tr>
<tr><td colspan='11'>Combining Diacritical Marks</td></tr>
<!--
◌̄ ◌́ ◌̌ ◌̀ ·◌
A Ā Á Ǎ À a ā á ǎ à
E Ē É Ě È e ē é ě è
I Ī Í Ǐ Ì i ī í ǐ ì
O Ō Ó Ǒ Ò o ō ó ǒ ò
U Ū Ú Ǔ Ù u ū ú ǔ ù
Ü Ǖ Ǘ Ǚ Ǜ ü ǖ ǘ ǚ ǜ
Ê Ê̄ Ế Ê̌ Ề ê ê̄ ế ê̌ ề
M M̄ Ḿ M̌ M̀ m m̄ ḿ m̌ m̀
N N̄ Ń Ň Ǹ n n̄ ń ň ǹ
-->
<tr> <td>◌</td><td>◌̄</td><td>◌́</td><td>◌̌</td><td>◌̀</td><td> </td> <td></td><td></td><td></td><td></td><td></td> </tr>
<tr> <td>A</td><td>Ā</td><td>Á</td><td>Ǎ</td><td>À</td><td> </td><td>a</td><td>ā</td><td>á</td><td>ǎ</td><td>à</td> </tr>
<tr> <td>E</td><td>Ē</td><td>É</td><td>Ě</td><td>È</td><td> </td><td>e</td><td>ē</td><td>é</td><td>ě</td><td>è</td> </tr>
<tr> <td class="warn">I</td><td class="warn">Ī</td><td class="warn">Í</td><td class="warn">Ǐ</td><td class="warn">Ì</td><td> </td><td>i</td><td>ī</td><td>í</td><td>ǐ</td><td>ì</td> </tr>
<tr> <td>O</td><td>Ō</td><td>Ó</td><td>Ǒ</td><td>Ò</td><td> </td><td>o</td><td>ō</td><td>ó</td><td>ǒ</td><td>ò</td> </tr>
<tr> <td>U</td><td>Ū</td><td>Ú</td><td>Ǔ</td><td>Ù</td><td> </td><td>u</td><td>ū</td><td>ú</td><td>ǔ</td><td>ù</td> </tr>
<tr> <td>Ü</td><td>Ǖ</td><td>Ǘ</td><td>Ǚ</td><td>Ǜ</td><td> </td><td>ü</td><td>ǖ</td><td>ǘ</td><td>ǚ</td><td>ǜ</td> </tr>
<tr><td colspan='11'> </td></tr>
<tr> <td>Ê</td><td>Ê̄</td><td class="warn">Ế</td><td>Ê̌</td><td class="warn">Ề</td><td> </td><td>ê</td><td>ê̄</td><td class="warn">ế</td><td>ê̌</td><td class="warn">ề</td> </tr>
<tr> <td>M</td><td>M̄</td><td>Ḿ</td><td>M̌</td><td>M̀</td><td> </td><td>m</td><td>m̄</td><td>ḿ</td><td>m̌</td><td>m̀</td> </tr>
<tr> <td>N</td><td>N̄</td><td>Ń</td><td>Ň</td><td>Ǹ</td><td> </td><td>n</td><td>n̄</td><td>ń</td><td>ň</td><td>ǹ</td> </tr>
<tr><td colspan='11'>Shorthand pinyin letters(single Unicode character)</td></tr>
<!--
Ĉ Ŝ Ẑ Ŋ
ĉ ŝ ẑ ŋ
-->
<tr> <td>Ĉ</td><td>Ŝ</td><td>Ẑ</td><td>Ŋ</td><td></td><td> </td><td></td><td></td><td></td><td></td><td></td> </tr>
<tr> <td>ĉ</td><td>ŝ</td><td>ẑ</td><td>ŋ</td><td></td><td> </td><td></td><td></td><td></td><td></td><td></td> </tr>
<tr><td colspan='11'>Other(two Unicode character, not use Combining Diacritical Marks)</td></tr>
<tr> <td>·◌</td><td></td><td></td><td></td><td></td><td> </td><td></td><td></td><td></td><td></td><td></td> </tr>
</tbody>
</table>
<table style="font-family: 'Noto Mono';">
<caption>Noto Mono</caption>
<thead>
<tr><th colspan='11'>Hanyu Pinyin vowels with Tone Marks</th></tr>
</thead>
<tbody>
<tr><td colspan='11'>single Unicode character</td></tr>
<!--
A Ā Á Ǎ À a ā á ǎ à
E Ē É Ě È e ē é ě è
I Ī Í Ǐ Ì i ī í ǐ ì
O Ō Ó Ǒ Ò o ō ó ǒ ò
U Ū Ú Ǔ Ù u ū ú ǔ ù
Ü Ǖ Ǘ Ǚ Ǜ ü ǖ ǘ ǚ ǜ
a a a a a a a a a a
Ê Ế Ề ê ế ề
M Ḿ m ḿ
N Ń Ň Ǹ n ń ň ǹ
-->
<tr> <td></td><td>ˉ</td><td>ˊ</td><td>ˇ</td><td>ˋ</td><td>·</td> <td></td><td></td><td></td><td></td><td></td> </tr>
<tr> <td>A</td><td>Ā</td><td>Á</td><td>Ǎ</td><td>À</td><td> </td><td>a</td><td>ā</td><td>á</td><td>ǎ</td><td>à</td> </tr>
<tr> <td>E</td><td>Ē</td><td>É</td><td>Ě</td><td>È</td><td> </td><td>e</td><td>ē</td><td>é</td><td>ě</td><td>è</td> </tr>
<tr> <td class="warn">I</td><td class="warn">Ī</td><td class="warn">Í</td><td class="warn">Ǐ</td><td class="warn">Ì</td><td> </td><td>i</td><td class="warn">ī</td><td class="warn">í</td><td>ǐ</td><td class="warn">ì</td> </tr>
<tr> <td>O</td><td>Ō</td><td>Ó</td><td>Ǒ</td><td>Ò</td><td> </td><td>o</td><td>ō</td><td>ó</td><td>ǒ</td><td>ò</td> </tr>
<tr> <td>U</td><td>Ū</td><td>Ú</td><td>Ǔ</td><td>Ù</td><td> </td><td>u</td><td>ū</td><td>ú</td><td>ǔ</td><td>ù</td> </tr>
<tr> <td>Ü</td><td>Ǖ</td><td>Ǘ</td><td>Ǚ</td><td>Ǜ</td><td> </td><td>ü</td><td>ǖ</td><td>ǘ</td><td>ǚ</td><td>ǜ</td> </tr>
<tr><td colspan='11'> </td></tr>
<tr> <td>Ê</td><td> </td><td class="warn">Ế</td><td> </td><td class="warn">Ề</td><td> </td><td>ê</td><td> </td><td class="warn">ế</td><td> </td><td class="warn">ề</td> </tr>
<tr> <td>M</td><td> </td><td>Ḿ</td><td> </td><td> </td><td> </td><td>m</td><td> </td><td>ḿ</td><td> </td><td> </td> </tr>
<tr> <td>N</td><td> </td><td>Ń</td><td>Ň</td><td>Ǹ</td><td> </td><td>n</td><td> </td><td>ń</td><td>ň</td><td>ǹ</td> </tr>
<tr><td colspan='11'>Combining Diacritical Marks</td></tr>
<!--
◌̄ ◌́ ◌̌ ◌̀ ·◌
A Ā Á Ǎ À a ā á ǎ à
E Ē É Ě È e ē é ě è
I Ī Í Ǐ Ì i ī í ǐ ì
O Ō Ó Ǒ Ò o ō ó ǒ ò
U Ū Ú Ǔ Ù u ū ú ǔ ù
Ü Ǖ Ǘ Ǚ Ǜ ü ǖ ǘ ǚ ǜ
Ê Ê̄ Ế Ê̌ Ề ê ê̄ ế ê̌ ề
M M̄ Ḿ M̌ M̀ m m̄ ḿ m̌ m̀
N N̄ Ń Ň Ǹ n n̄ ń ň ǹ
-->
<tr class="error"> <td>◌</td><td>◌̄</td><td>◌́</td><td>◌̌</td><td>◌̀</td><td> </td> <td></td><td></td><td></td><td></td><td></td> </tr>
<tr> <td>A</td><td>Ā</td><td>Á</td><td class="error">Ǎ</td><td>À</td><td> </td><td>a</td><td>ā</td><td>á</td><td class="error">ǎ</td><td>à</td> </tr>
<tr> <td>E</td><td>Ē</td><td>É</td><td>Ě</td><td>È</td><td> </td><td>e</td><td>ē</td><td>é</td><td>ě</td><td>è</td> </tr>
<tr> <td class="warn">I</td><td class="warn">Ī</td><td class="warn">Í</td><td class="error">Ǐ</td><td class="warn">Ì</td><td> </td><td>i</td><td class="warn">ī</td><td class="warn">í</td><td class="error">ǐ</td><td class="warn">ì</td> </tr>
<tr> <td>O</td><td>Ō</td><td>Ó</td><td class="error">Ǒ</td><td>Ò</td><td> </td><td>o</td><td>ō</td><td>ó</td><td class="error">ǒ</td><td>ò</td> </tr>
<tr> <td>U</td><td>Ū</td><td>Ú</td><td class="error">Ǔ</td><td>Ù</td><td> </td><td>u</td><td>ū</td><td>ú</td><td class="error">ǔ</td><td>ù</td> </tr>
<tr> <td>Ü</td><td class="error">Ǖ</td><td>Ǘ</td><td class="error">Ǚ</td><td>Ǜ</td><td> </td><td>ü</td><td class="error">ǖ</td><td>ǘ</td><td class="error">ǚ</td><td>ǜ</td> </tr>
<tr><td colspan='11'> </td></tr>
<tr> <td>Ê</td><td class="error">Ê̄</td><td class="warn">Ế</td><td class="error">Ê̌</td><td class="warn">Ề</td><td> </td><td>ê</td><td class="error">ê̄</td><td class="warn">ế</td><td class="error">ê̌</td><td class="warn">ề</td> </tr>
<tr> <td>M</td><td class="error">M̄</td><td>Ḿ</td><td class="error">M̌</td><td>M̀</td><td> </td><td>m</td><td class="error">m̄</td><td>ḿ</td><td class="error">m̌</td><td>m̀</td> </tr>
<tr> <td>N</td><td class="error">N̄</td><td>Ń</td><td>Ň</td><td>Ǹ</td><td> </td><td>n</td><td class="error">n̄</td><td>ń</td><td>ň</td><td>ǹ</td> </tr>
<tr><td colspan='11'>Shorthand pinyin letters(single Unicode character)</td></tr>
<!--
Ĉ Ŝ Ẑ Ŋ
ĉ ŝ ẑ ŋ
-->
<tr> <td>Ĉ</td><td>Ŝ</td><td class="error">Ẑ</td><td>Ŋ</td><td></td><td> </td><td></td><td></td><td></td><td></td><td></td> </tr>
<tr> <td>ĉ</td><td>ŝ</td><td class="error">ẑ</td><td>ŋ</td><td></td><td> </td><td></td><td></td><td></td><td></td><td></td> </tr>
<tr><td colspan='11'>Other(two Unicode character, not use Combining Diacritical Marks)</td></tr>
<tr> <td class="error">·◌</td><td></td><td></td><td></td><td></td><td> </td><td></td><td></td><td></td><td></td><td></td> </tr>
</tbody>
</table>
<table style="font-family: 'Noto Sans Mono';">
<caption class="green">Noto Sans Mono</caption>
<thead>
<tr><th colspan='11'>Hanyu Pinyin vowels with Tone Marks</th></tr>
</thead>
<tbody>
<tr><td colspan='11'>single Unicode character</td></tr>
<!--
A Ā Á Ǎ À a ā á ǎ à
E Ē É Ě È e ē é ě è
I Ī Í Ǐ Ì i ī í ǐ ì
O Ō Ó Ǒ Ò o ō ó ǒ ò
U Ū Ú Ǔ Ù u ū ú ǔ ù
Ü Ǖ Ǘ Ǚ Ǜ ü ǖ ǘ ǚ ǜ
a a a a a a a a a a
Ê Ế Ề ê ế ề
M Ḿ m ḿ
N Ń Ň Ǹ n ń ň ǹ
-->
<tr> <td></td><td>ˉ</td><td>ˊ</td><td>ˇ</td><td>ˋ</td><td>·</td> <td></td><td></td><td></td><td></td><td></td> </tr>
<tr> <td>A</td><td>Ā</td><td>Á</td><td>Ǎ</td><td>À</td><td> </td><td>a</td><td>ā</td><td>á</td><td>ǎ</td><td>à</td> </tr>
<tr> <td>E</td><td>Ē</td><td>É</td><td>Ě</td><td>È</td><td> </td><td>e</td><td>ē</td><td>é</td><td>ě</td><td>è</td> </tr>
<tr> <td class="warn">I</td><td class="warn">Ī</td><td class="warn">Í</td><td class="warn">Ǐ</td><td class="warn">Ì</td><td> </td><td>i</td><td class="warn">ī</td><td class="warn">í</td><td class="warn">ǐ</td><td class="warn">ì</td> </tr>
<tr> <td>O</td><td>Ō</td><td>Ó</td><td>Ǒ</td><td>Ò</td><td> </td><td>o</td><td>ō</td><td>ó</td><td>ǒ</td><td>ò</td> </tr>
<tr> <td>U</td><td>Ū</td><td>Ú</td><td>Ǔ</td><td>Ù</td><td> </td><td>u</td><td>ū</td><td>ú</td><td>ǔ</td><td>ù</td> </tr>
<tr> <td>Ü</td><td>Ǖ</td><td>Ǘ</td><td>Ǚ</td><td>Ǜ</td><td> </td><td>ü</td><td>ǖ</td><td>ǘ</td><td>ǚ</td><td>ǜ</td> </tr>
<tr><td colspan='11'> </td></tr>
<tr> <td>Ê</td><td> </td><td>Ế</td><td> </td><td>Ề</td><td> </td><td>ê</td><td> </td><td>ế</td><td> </td><td>ề</td> </tr>
<tr> <td>M</td><td> </td><td>Ḿ</td><td> </td><td> </td><td> </td><td>m</td><td> </td><td>ḿ</td><td> </td><td> </td> </tr>
<tr> <td>N</td><td> </td><td>Ń</td><td>Ň</td><td>Ǹ</td><td> </td><td>n</td><td> </td><td>ń</td><td>ň</td><td>ǹ</td> </tr>
<tr><td colspan='11'>Combining Diacritical Marks</td></tr>
<!--
◌̄ ◌́ ◌̌ ◌̀ ·◌
A Ā Á Ǎ À a ā á ǎ à
E Ē É Ě È e ē é ě è
I Ī Í Ǐ Ì i ī í ǐ ì
O Ō Ó Ǒ Ò o ō ó ǒ ò
U Ū Ú Ǔ Ù u ū ú ǔ ù
Ü Ǖ Ǘ Ǚ Ǜ ü ǖ ǘ ǚ ǜ
Ê Ê̄ Ế Ê̌ Ề ê ê̄ ế ê̌ ề
M M̄ Ḿ M̌ M̀ m m̄ ḿ m̌ m̀
N N̄ Ń Ň Ǹ n n̄ ń ň ǹ
-->
<tr> <td>◌</td><td>◌̄</td><td>◌́</td><td>◌̌</td><td>◌̀</td><td> </td> <td></td><td></td><td></td><td></td><td></td> </tr>
<tr> <td>A</td><td>Ā</td><td>Á</td><td>Ǎ</td><td>À</td><td> </td><td>a</td><td>ā</td><td>á</td><td>ǎ</td><td>à</td> </tr>
<tr> <td>E</td><td>Ē</td><td>É</td><td>Ě</td><td>È</td><td> </td><td>e</td><td>ē</td><td>é</td><td>ě</td><td>è</td> </tr>
<tr> <td class="warn">I</td><td class="warn">Ī</td><td class="warn">Í</td><td class="warn">Ǐ</td><td class="warn">Ì</td><td> </td><td class="warn">i</td><td class="warn">ī</td><td class="warn">í</td><td class="warn">ǐ</td><td class="warn">ì</td> </tr>
<tr> <td>O</td><td>Ō</td><td>Ó</td><td>Ǒ</td><td>Ò</td><td> </td><td>o</td><td>ō</td><td>ó</td><td>ǒ</td><td>ò</td> </tr>
<tr> <td>U</td><td>Ū</td><td>Ú</td><td>Ǔ</td><td>Ù</td><td> </td><td>u</td><td>ū</td><td>ú</td><td>ǔ</td><td>ù</td> </tr>
<tr> <td>Ü</td><td>Ǖ</td><td>Ǘ</td><td>Ǚ</td><td>Ǜ</td><td> </td><td>ü</td><td>ǖ</td><td>ǘ</td><td>ǚ</td><td>ǜ</td> </tr>
<tr><td colspan='11'> </td></tr>
<tr> <td>Ê</td><td>Ê̄</td><td>Ế</td><td>Ê̌</td><td>Ề</td><td> </td><td>ê</td><td>ê̄</td><td>ế</td><td>ê̌</td><td>ề</td> </tr>
<tr> <td>M</td><td>M̄</td><td>Ḿ</td><td>M̌</td><td>M̀</td><td> </td><td>m</td><td>m̄</td><td>ḿ</td><td>m̌</td><td>m̀</td> </tr>
<tr> <td>N</td><td>N̄</td><td>Ń</td><td>Ň</td><td>Ǹ</td><td> </td><td>n</td><td>n̄</td><td>ń</td><td>ň</td><td>ǹ</td> </tr>
<tr><td colspan='11'>Shorthand pinyin letters(single Unicode character)</td></tr>
<!--
Ĉ Ŝ Ẑ Ŋ
ĉ ŝ ẑ ŋ
-->
<tr> <td>Ĉ</td><td>Ŝ</td><td>Ẑ</td><td>Ŋ</td><td></td><td> </td><td></td><td></td><td></td><td></td><td></td> </tr>
<tr> <td>ĉ</td><td>ŝ</td><td>ẑ</td><td>ŋ</td><td></td><td> </td><td></td><td></td><td></td><td></td><td></td> </tr>
<tr><td colspan='11'>Other(two Unicode character, not use Combining Diacritical Marks)</td></tr>
<tr> <td>·◌</td><td></td><td></td><td></td><td></td><td> </td><td></td><td></td><td></td><td></td><td></td> </tr>
</tbody>
</table>
<table style="font-family: 'Source Serif 4';">
<caption>Source Serif 4</caption>
<thead>
<tr><th colspan='11'>Hanyu Pinyin vowels with Tone Marks</th></tr>
</thead>
<tbody>
<tr><td colspan='11'>single Unicode character</td></tr>
<!--
A Ā Á Ǎ À a ā á ǎ à
E Ē É Ě È e ē é ě è
I Ī Í Ǐ Ì i ī í ǐ ì
O Ō Ó Ǒ Ò o ō ó ǒ ò
U Ū Ú Ǔ Ù u ū ú ǔ ù
Ü Ǖ Ǘ Ǚ Ǜ ü ǖ ǘ ǚ ǜ
a a a a a a a a a a
Ê Ế Ề ê ế ề
M Ḿ m ḿ
N Ń Ň Ǹ n ń ň ǹ
-->
<tr> <td></td><td>ˉ</td><td>ˊ</td><td>ˇ</td><td>ˋ</td><td>·</td> <td></td><td></td><td></td><td></td><td></td> </tr>
<tr> <td>A</td><td>Ā</td><td>Á</td><td>Ǎ</td><td>À</td><td> </td><td>a</td><td>ā</td><td>á</td><td>ǎ</td><td>à</td> </tr>
<tr> <td>E</td><td>Ē</td><td>É</td><td>Ě</td><td>È</td><td> </td><td>e</td><td>ē</td><td>é</td><td>ě</td><td>è</td> </tr>
<tr> <td class="warn">I</td><td class="warn">Ī</td><td class="warn">Í</td><td class="warn">Ǐ</td><td class="warn">Ì</td><td> </td><td>i</td><td>ī</td><td>í</td><td>ǐ</td><td>ì</td> </tr>
<tr> <td>O</td><td>Ō</td><td>Ó</td><td>Ǒ</td><td>Ò</td><td> </td><td>o</td><td>ō</td><td>ó</td><td>ǒ</td><td>ò</td> </tr>
<tr> <td>U</td><td>Ū</td><td>Ú</td><td>Ǔ</td><td>Ù</td><td> </td><td>u</td><td>ū</td><td>ú</td><td>ǔ</td><td>ù</td> </tr>
<tr> <td>Ü</td><td>Ǖ</td><td>Ǘ</td><td>Ǚ</td><td>Ǜ</td><td> </td><td>ü</td><td>ǖ</td><td>ǘ</td><td>ǚ</td><td>ǜ</td> </tr>
<tr><td colspan='11'> </td></tr>
<tr> <td>Ê</td><td> </td><td class="warn">Ế</td><td> </td><td class="warn">Ề</td><td> </td><td>ê</td><td> </td><td class="warn">ế</td><td> </td><td class="warn">ề</td> </tr>
<tr> <td>M</td><td> </td><td>Ḿ</td><td> </td><td> </td><td> </td><td>m</td><td> </td><td>ḿ</td><td> </td><td> </td> </tr>
<tr> <td>N</td><td> </td><td>Ń</td><td>Ň</td><td>Ǹ</td><td> </td><td>n</td><td> </td><td>ń</td><td>ň</td><td>ǹ</td> </tr>
<tr><td colspan='11'>Combining Diacritical Marks</td></tr>
<!--
◌̄ ◌́ ◌̌ ◌̀ ·◌
A Ā Á Ǎ À a ā á ǎ à
E Ē É Ě È e ē é ě è
I Ī Í Ǐ Ì i ī í ǐ ì
O Ō Ó Ǒ Ò o ō ó ǒ ò
U Ū Ú Ǔ Ù u ū ú ǔ ù
Ü Ǖ Ǘ Ǚ Ǜ ü ǖ ǘ ǚ ǜ
Ê Ê̄ Ế Ê̌ Ề ê ê̄ ế ê̌ ề
M M̄ Ḿ M̌ M̀ m m̄ ḿ m̌ m̀
N N̄ Ń Ň Ǹ n n̄ ń ň ǹ
-->
<tr> <td class="error">◌</td><td class="warn">◌̄</td><td class="warn">◌́</td><td class="warn">◌̌</td><td class="warn">◌̀</td><td> </td> <td></td><td></td><td></td><td></td><td></td> </tr>
<tr> <td>A</td><td>Ā</td><td>Á</td><td>Ǎ</td><td>À</td><td> </td><td>a</td><td>ā</td><td>á</td><td>ǎ</td><td>à</td> </tr>
<tr> <td>E</td><td>Ē</td><td>É</td><td>Ě</td><td>È</td><td> </td><td>e</td><td>ē</td><td>é</td><td>ě</td><td>è</td> </tr>
<tr> <td class="warn">I</td><td class="warn">Ī</td><td class="warn">Í</td><td class="warn">Ǐ</td><td class="warn">Ì</td><td> </td><td>i</td><td>ī</td><td>í</td><td>ǐ</td><td>ì</td> </tr>
<tr> <td>O</td><td>Ō</td><td>Ó</td><td>Ǒ</td><td>Ò</td><td> </td><td>o</td><td>ō</td><td>ó</td><td>ǒ</td><td>ò</td> </tr>
<tr> <td>U</td><td>Ū</td><td>Ú</td><td>Ǔ</td><td>Ù</td><td> </td><td>u</td><td>ū</td><td>ú</td><td>ǔ</td><td>ù</td> </tr>
<tr> <td>Ü</td><td>Ǖ</td><td>Ǘ</td><td>Ǚ</td><td>Ǜ</td><td> </td><td>ü</td><td>ǖ</td><td>ǘ</td><td>ǚ</td><td>ǜ</td> </tr>
<tr><td colspan='11'> </td></tr>
<tr> <td>Ê</td><td>Ê̄</td><td class="warn">Ế</td><td>Ê̌</td><td class="warn">Ề</td><td> </td><td>ê</td><td>ê̄</td><td class="warn">ế</td><td>ê̌</td><td class="warn">ề</td> </tr>
<tr> <td>M</td><td>M̄</td><td>Ḿ</td><td>M̌</td><td>M̀</td><td> </td><td>m</td><td>m̄</td><td>ḿ</td><td>m̌</td><td>m̀</td> </tr>
<tr> <td>N</td><td>N̄</td><td>Ń</td><td>Ň</td><td>Ǹ</td><td> </td><td>n</td><td>n̄</td><td>ń</td><td>ň</td><td>ǹ</td> </tr>
<tr><td colspan='11'>Shorthand pinyin letters(single Unicode character)</td></tr>
<!--
Ĉ Ŝ Ẑ Ŋ
ĉ ŝ ẑ ŋ
-->
<tr> <td>Ĉ</td><td>Ŝ</td><td class="error">Ẑ</td><td>Ŋ</td><td></td><td> </td><td></td><td></td><td></td><td></td><td></td> </tr>
<tr> <td>ĉ</td><td>ŝ</td><td class="error">ẑ</td><td>ŋ</td><td></td><td> </td><td></td><td></td><td></td><td></td><td></td> </tr>
<tr><td colspan='11'>Other(two Unicode character, not use Combining Diacritical Marks)</td></tr>
<tr> <td class="error">·◌</td><td></td><td></td><td></td><td></td><td> </td><td></td><td></td><td></td><td></td><td></td> </tr>
</tbody>
</table>
<table style="font-family: 'Source Sans 3';">
<caption>Source Sans 3</caption>
<thead>
<tr><th colspan='11'>Hanyu Pinyin vowels with Tone Marks</th></tr>
</thead>
<tbody>
<tr><td colspan='11'>single Unicode character</td></tr>
<!--
A Ā Á Ǎ À a ā á ǎ à
E Ē É Ě È e ē é ě è
I Ī Í Ǐ Ì i ī í ǐ ì
O Ō Ó Ǒ Ò o ō ó ǒ ò
U Ū Ú Ǔ Ù u ū ú ǔ ù
Ü Ǖ Ǘ Ǚ Ǜ ü ǖ ǘ ǚ ǜ
a a a a a a a a a a
Ê Ế Ề ê ế ề
M Ḿ m ḿ
N Ń Ň Ǹ n ń ň ǹ
-->
<tr> <td></td><td>ˉ</td><td>ˊ</td><td>ˇ</td><td>ˋ</td><td>·</td> <td></td><td></td><td></td><td></td><td></td> </tr>
<tr> <td>A</td><td>Ā</td><td>Á</td><td>Ǎ</td><td>À</td><td> </td><td>a</td><td>ā</td><td>á</td><td>ǎ</td><td>à</td> </tr>
<tr> <td>E</td><td>Ē</td><td>É</td><td>Ě</td><td>È</td><td> </td><td>e</td><td>ē</td><td>é</td><td>ě</td><td>è</td> </tr>
<tr> <td>I</td><td>Ī</td><td>Í</td><td>Ǐ</td><td>Ì</td><td> </td><td>i</td><td>ī</td><td>í</td><td>ǐ</td><td>ì</td> </tr>
<tr> <td>O</td><td>Ō</td><td>Ó</td><td>Ǒ</td><td>Ò</td><td> </td><td>o</td><td>ō</td><td>ó</td><td>ǒ</td><td>ò</td> </tr>
<tr> <td>U</td><td>Ū</td><td>Ú</td><td>Ǔ</td><td>Ù</td><td> </td><td>u</td><td>ū</td><td>ú</td><td>ǔ</td><td>ù</td> </tr>
<tr> <td>Ü</td><td>Ǖ</td><td>Ǘ</td><td>Ǚ</td><td>Ǜ</td><td> </td><td>ü</td><td>ǖ</td><td>ǘ</td><td>ǚ</td><td>ǜ</td> </tr>
<tr><td colspan='11'> </td></tr>
<tr> <td>Ê</td><td> </td><td class="warn">Ế</td><td> </td><td class="warn">Ề</td><td> </td><td>ê</td><td> </td><td class="warn">ế</td><td> </td><td class="warn">ề</td> </tr>
<tr> <td>M</td><td> </td><td>Ḿ</td><td> </td><td> </td><td> </td><td>m</td><td> </td><td>ḿ</td><td> </td><td> </td> </tr>
<tr> <td>N</td><td> </td><td>Ń</td><td>Ň</td><td>Ǹ</td><td> </td><td>n</td><td> </td><td>ń</td><td>ň</td><td>ǹ</td> </tr>
<tr><td colspan='11'>Combining Diacritical Marks</td></tr>
<!--
◌̄ ◌́ ◌̌ ◌̀ ·◌
A Ā Á Ǎ À a ā á ǎ à
E Ē É Ě È e ē é ě è
I Ī Í Ǐ Ì i ī í ǐ ì
O Ō Ó Ǒ Ò o ō ó ǒ ò
U Ū Ú Ǔ Ù u ū ú ǔ ù
Ü Ǖ Ǘ Ǚ Ǜ ü ǖ ǘ ǚ ǜ
Ê Ê̄ Ế Ê̌ Ề ê ê̄ ế ê̌ ề
M M̄ Ḿ M̌ M̀ m m̄ ḿ m̌ m̀
N N̄ Ń Ň Ǹ n n̄ ń ň ǹ
-->
<tr> <td>◌</td><td>◌̄</td><td>◌́</td><td>◌̌</td><td>◌̀</td><td> </td> <td></td><td></td><td></td><td></td><td></td> </tr>
<tr> <td>A</td><td>Ā</td><td>Á</td><td>Ǎ</td><td>À</td><td> </td><td>a</td><td>ā</td><td>á</td><td>ǎ</td><td>à</td> </tr>
<tr> <td>E</td><td>Ē</td><td>É</td><td>Ě</td><td>È</td><td> </td><td>e</td><td>ē</td><td>é</td><td>ě</td><td>è</td> </tr>
<tr> <td>I</td><td>Ī</td><td>Í</td><td>Ǐ</td><td>Ì</td><td> </td><td>i</td><td>ī</td><td>í</td><td>ǐ</td><td>ì</td> </tr>
<tr> <td>O</td><td>Ō</td><td>Ó</td><td>Ǒ</td><td>Ò</td><td> </td><td>o</td><td>ō</td><td>ó</td><td>ǒ</td><td>ò</td> </tr>
<tr> <td>U</td><td>Ū</td><td>Ú</td><td>Ǔ</td><td>Ù</td><td> </td><td>u</td><td>ū</td><td>ú</td><td>ǔ</td><td>ù</td> </tr>
<tr> <td>Ü</td><td>Ǖ</td><td>Ǘ</td><td>Ǚ</td><td>Ǜ</td><td> </td><td>ü</td><td>ǖ</td><td>ǘ</td><td>ǚ</td><td>ǜ</td> </tr>
<tr><td colspan='11'> </td></tr>
<tr> <td>Ê</td><td class="error">Ê̄</td><td class="warn">Ế</td><td class="error">Ê̌</td><td class="warn">Ề</td><td> </td><td>ê</td><td class="error">ê̄</td><td class="warn">ế</td><td class="error">ê̌</td><td class="warn">ề</td> </tr>
<tr> <td>M</td><td>M̄</td><td>Ḿ</td><td>M̌</td><td>M̀</td><td> </td><td>m</td><td>m̄</td><td>ḿ</td><td>m̌</td><td>m̀</td> </tr>
<tr> <td>N</td><td>N̄</td><td>Ń</td><td>Ň</td><td>Ǹ</td><td> </td><td>n</td><td>n̄</td><td>ń</td><td>ň</td><td>ǹ</td> </tr>
<tr><td colspan='11'>Shorthand pinyin letters(single Unicode character)</td></tr>
<!--
Ĉ Ŝ Ẑ Ŋ
ĉ ŝ ẑ ŋ
-->
<tr> <td>Ĉ</td><td>Ŝ</td><td>Ẑ</td><td class="warn">Ŋ</td><td></td><td> </td><td></td><td></td><td></td><td></td><td></td> </tr>
<tr> <td>ĉ</td><td>ŝ</td><td>ẑ</td><td class="warn">ŋ</td><td></td><td> </td><td></td><td></td><td></td><td></td><td></td> </tr>
<tr><td colspan='11'>Other(two Unicode character, not use Combining Diacritical Marks)</td></tr>
<tr> <td>·◌</td><td></td><td></td><td></td><td></td><td> </td><td></td><td></td><td></td><td></td><td></td> </tr>
</tbody>
</table>
<table style="font-family: 'Source Code Pro';">
<caption>Source Code Pro</caption>
<thead>
<tr><th colspan='11'>Hanyu Pinyin vowels with Tone Marks</th></tr>
</thead>
<tbody>
<tr><td colspan='11'>single Unicode character</td></tr>
<!--
A Ā Á Ǎ À a ā á ǎ à
E Ē É Ě È e ē é ě è
I Ī Í Ǐ Ì i ī í ǐ ì
O Ō Ó Ǒ Ò o ō ó ǒ ò
U Ū Ú Ǔ Ù u ū ú ǔ ù
Ü Ǖ Ǘ Ǚ Ǜ ü ǖ ǘ ǚ ǜ
a a a a a a a a a a
Ê Ế Ề ê ế ề
M Ḿ m ḿ
N Ń Ň Ǹ n ń ň ǹ
-->
<tr> <td></td><td>ˉ</td><td>ˊ</td><td>ˇ</td><td>ˋ</td><td>·</td> <td></td><td></td><td></td><td></td><td></td> </tr>
<tr> <td>A</td><td>Ā</td><td>Á</td><td>Ǎ</td><td>À</td><td> </td><td>a</td><td>ā</td><td>á</td><td>ǎ</td><td>à</td> </tr>
<tr> <td>E</td><td>Ē</td><td>É</td><td>Ě</td><td>È</td><td> </td><td>e</td><td>ē</td><td>é</td><td>ě</td><td>è</td> </tr>
<tr> <td class="warn">I</td><td class="warn">Ī</td><td class="warn">Í</td><td class="warn">Ǐ</td><td class="warn">Ì</td><td> </td><td class="warn">i</td><td class="warn">ī</td><td class="warn">í</td><td class="warn">ǐ</td><td class="warn">ì</td> </tr>
<tr> <td>O</td><td>Ō</td><td>Ó</td><td>Ǒ</td><td>Ò</td><td> </td><td>o</td><td>ō</td><td>ó</td><td>ǒ</td><td>ò</td> </tr>
<tr> <td>U</td><td>Ū</td><td>Ú</td><td>Ǔ</td><td>Ù</td><td> </td><td>u</td><td>ū</td><td>ú</td><td>ǔ</td><td>ù</td> </tr>
<tr> <td>Ü</td><td>Ǖ</td><td>Ǘ</td><td>Ǚ</td><td>Ǜ</td><td> </td><td>ü</td><td>ǖ</td><td>ǘ</td><td>ǚ</td><td>ǜ</td> </tr>
<tr><td colspan='11'> </td></tr>
<tr> <td>Ê</td><td> </td><td class="warn">Ế</td><td> </td><td class="warn">Ề</td><td> </td><td>ê</td><td> </td><td class="warn">ế</td><td> </td><td class="warn">ề</td> </tr>
<tr> <td>M</td><td> </td><td>Ḿ</td><td> </td><td> </td><td> </td><td>m</td><td> </td><td>ḿ</td><td> </td><td> </td> </tr>
<tr> <td>N</td><td> </td><td>Ń</td><td>Ň</td><td>Ǹ</td><td> </td><td>n</td><td> </td><td>ń</td><td>ň</td><td>ǹ</td> </tr>
<tr><td colspan='11'>Combining Diacritical Marks</td></tr>
<!--
◌̄ ◌́ ◌̌ ◌̀ ·◌
A Ā Á Ǎ À a ā á ǎ à
E Ē É Ě È e ē é ě è
I Ī Í Ǐ Ì i ī í ǐ ì
O Ō Ó Ǒ Ò o ō ó ǒ ò
U Ū Ú Ǔ Ù u ū ú ǔ ù
Ü Ǖ Ǘ Ǚ Ǜ ü ǖ ǘ ǚ ǜ
Ê Ê̄ Ế Ê̌ Ề ê ê̄ ế ê̌ ề
M M̄ Ḿ M̌ M̀ m m̄ ḿ m̌ m̀
N N̄ Ń Ň Ǹ n n̄ ń ň ǹ
-->
<tr> <td>◌</td><td>◌̄</td><td>◌́</td><td>◌̌</td><td>◌̀</td><td> </td> <td></td><td></td><td></td><td></td><td></td> </tr>
<tr> <td>A</td><td>Ā</td><td>Á</td><td>Ǎ</td><td>À</td><td> </td><td>a</td><td>ā</td><td>á</td><td>ǎ</td><td>à</td> </tr>
<tr> <td>E</td><td>Ē</td><td>É</td><td>Ě</td><td>È</td><td> </td><td>e</td><td>ē</td><td>é</td><td>ě</td><td>è</td> </tr>
<tr> <td class="warn">I</td><td class="warn">Ī</td><td class="warn">Í</td><td class="warn">Ǐ</td><td class="warn">Ì</td><td> </td><td class="warn">i</td><td class="warn">ī</td><td class="warn">í</td><td class="warn">ǐ</td><td class="warn">ì</td> </tr>
<tr> <td>O</td><td>Ō</td><td>Ó</td><td>Ǒ</td><td>Ò</td><td> </td><td>o</td><td>ō</td><td>ó</td><td>ǒ</td><td>ò</td> </tr>
<tr> <td>U</td><td>Ū</td><td>Ú</td><td>Ǔ</td><td>Ù</td><td> </td><td>u</td><td>ū</td><td>ú</td><td>ǔ</td><td>ù</td> </tr>
<tr> <td>Ü</td><td>Ǖ</td><td>Ǘ</td><td>Ǚ</td><td>Ǜ</td><td> </td><td>ü</td><td>ǖ</td><td>ǘ</td><td>ǚ</td><td>ǜ</td> </tr>
<tr><td colspan='11'> </td></tr>
<tr> <td>Ê</td><td class="error">Ê̄</td><td class="warn">Ế</td><td class="error">Ê̌</td><td class="warn">Ề</td><td> </td><td>ê</td><td class="error">ê̄</td><td class="warn">ế</td><td class="error">ê̌</td><td class="warn">ề</td> </tr>
<tr> <td>M</td><td>M̄</td><td>Ḿ</td><td>M̌</td><td>M̀</td><td> </td><td>m</td><td>m̄</td><td>ḿ</td><td>m̌</td><td>m̀</td> </tr>
<tr> <td>N</td><td>N̄</td><td>Ń</td><td>Ň</td><td>Ǹ</td><td> </td><td>n</td><td>n̄</td><td>ń</td><td>ň</td><td>ǹ</td> </tr>
<tr><td colspan='11'>Shorthand pinyin letters(single Unicode character)</td></tr>
<!--
Ĉ Ŝ Ẑ Ŋ
ĉ ŝ ẑ ŋ
-->
<tr> <td>Ĉ</td><td>Ŝ</td><td>Ẑ</td><td class="warn">Ŋ</td><td></td><td> </td><td></td><td></td><td></td><td></td><td></td> </tr>
<tr> <td>ĉ</td><td>ŝ</td><td>ẑ</td><td class="warn">ŋ</td><td></td><td> </td><td></td><td></td><td></td><td></td><td></td> </tr>
<tr><td colspan='11'>Other(two Unicode character, not use Combining Diacritical Marks)</td></tr>
<tr> <td>·◌</td><td></td><td></td><td></td><td></td><td> </td><td></td><td></td><td></td><td></td><td></td> </tr>
</tbody>
</table>
<!----------- Source Hans --------------->
<table style="font-family: 'Source Han Serif SC';">
<caption>Source Han Serif SC</caption>
<thead>
<tr><th colspan='11'>Hanyu Pinyin vowels with Tone Marks</th></tr>
</thead>
<tbody>
<tr><td colspan='11'>single Unicode character</td></tr>
<!--
A Ā Á Ǎ À a ā á ǎ à
E Ē É Ě È e ē é ě è
I Ī Í Ǐ Ì i ī í ǐ ì
O Ō Ó Ǒ Ò o ō ó ǒ ò
U Ū Ú Ǔ Ù u ū ú ǔ ù
Ü Ǖ Ǘ Ǚ Ǜ ü ǖ ǘ ǚ ǜ
a a a a a a a a a a
Ê Ế Ề ê ế ề
M Ḿ m ḿ
N Ń Ň Ǹ n ń ň ǹ
-->
<tr> <td></td><td>ˉ</td><td>ˊ</td><td>ˇ</td><td>ˋ</td><td>·</td> <td></td><td></td><td></td><td></td><td></td> </tr>
<tr> <td>A</td><td>Ā</td><td>Á</td><td>Ǎ</td><td>À</td><td> </td><td>a</td><td>ā</td><td>á</td><td>ǎ</td><td>à</td> </tr>
<tr> <td>E</td><td>Ē</td><td>É</td><td>Ě</td><td>È</td><td> </td><td>e</td><td>ē</td><td>é</td><td>ě</td><td>è</td> </tr>
<tr> <td class="warn">I</td><td class="warn">Ī</td><td class="warn">Í</td><td class="warn">Ǐ</td><td class="warn">Ì</td><td> </td><td>i</td><td>ī</td><td>í</td><td>ǐ</td><td>ì</td> </tr>
<tr> <td>O</td><td>Ō</td><td>Ó</td><td>Ǒ</td><td>Ò</td><td> </td><td>o</td><td>ō</td><td>ó</td><td>ǒ</td><td>ò</td> </tr>
<tr> <td>U</td><td>Ū</td><td>Ú</td><td>Ǔ</td><td>Ù</td><td> </td><td>u</td><td>ū</td><td>ú</td><td>ǔ</td><td>ù</td> </tr>
<tr> <td>Ü</td><td>Ǖ</td><td>Ǘ</td><td>Ǚ</td><td>Ǜ</td><td> </td><td>ü</td><td>ǖ</td><td>ǘ</td><td>ǚ</td><td>ǜ</td> </tr>
<tr><td colspan='11'> </td></tr>
<tr> <td>Ê</td><td> </td><td class="warn">Ế</td><td> </td><td class="warn">Ề</td><td> </td><td>ê</td><td> </td><td class="warn">ế</td><td> </td><td class="warn">ề</td> </tr>
<tr> <td>M</td><td> </td><td>Ḿ</td><td> </td><td> </td><td> </td><td>m</td><td> </td><td>ḿ</td><td> </td><td> </td> </tr>
<tr> <td>N</td><td> </td><td>Ń</td><td>Ň</td><td>Ǹ</td><td> </td><td>n</td><td> </td><td>ń</td><td>ň</td><td>ǹ</td> </tr>
<tr><td colspan='11'>Combining Diacritical Marks</td></tr>
<!--
◌̄ ◌́ ◌̌ ◌̀ ·◌
A Ā Á Ǎ À a ā á ǎ à
E Ē É Ě È e ē é ě è
I Ī Í Ǐ Ì i ī í ǐ ì
O Ō Ó Ǒ Ò o ō ó ǒ ò
U Ū Ú Ǔ Ù u ū ú ǔ ù
Ü Ǖ Ǘ Ǚ Ǜ ü ǖ ǘ ǚ ǜ
Ê Ê̄ Ế Ê̌ Ề ê ê̄ ế ê̌ ề
M M̄ Ḿ M̌ M̀ m m̄ ḿ m̌ m̀
N N̄ Ń Ň Ǹ n n̄ ń ň ǹ
-->
<tr> <td>◌</td><td class="error">◌̄</td><td class="error">◌́</td><td class="error">◌̌</td><td class="error">◌̀</td><td> </td> <td></td><td></td><td></td><td></td><td></td> </tr>
<tr> <td>A</td><td>Ā</td><td>Á</td><td>Ǎ</td><td>À</td><td> </td><td>a</td><td>ā</td><td>á</td><td>ǎ</td><td>à</td> </tr>
<tr> <td>E</td><td>Ē</td><td>É</td><td>Ě</td><td>È</td><td> </td><td>e</td><td>ē</td><td>é</td><td>ě</td><td>è</td> </tr>
<tr> <td class="warn">I</td><td class="warn">Ī</td><td class="warn">Í</td><td class="warn">Ǐ</td><td class="warn">Ì</td><td> </td><td>i</td><td>ī</td><td>í</td><td>ǐ</td><td>ì</td> </tr>
<tr> <td>O</td><td>Ō</td><td>Ó</td><td>Ǒ</td><td>Ò</td><td> </td><td>o</td><td>ō</td><td>ó</td><td>ǒ</td><td>ò</td> </tr>
<tr> <td>U</td><td>Ū</td><td>Ú</td><td>Ǔ</td><td>Ù</td><td> </td><td>u</td><td>ū</td><td>ú</td><td>ǔ</td><td>ù</td> </tr>
<tr> <td>Ü</td><td>Ǖ</td><td>Ǘ</td><td>Ǚ</td><td>Ǜ</td><td> </td><td>ü</td><td>ǖ</td><td>ǘ</td><td>ǚ</td><td>ǜ</td> </tr>
<tr><td colspan='11'> </td></tr>
<tr> <td>Ê</td><td>Ê̄</td><td class="warn">Ế</td><td>Ê̌</td><td class="warn">Ề</td><td> </td><td>ê</td><td>ê̄</td><td class="warn">ế</td><td>ê̌</td><td class="warn">ề</td> </tr>
<tr> <td>M</td><td>M̄</td><td>Ḿ</td><td class="error">M̌</td><td>M̀</td><td> </td><td>m</td><td>m̄</td><td>ḿ</td><td class="error">m̌</td><td>m̀</td> </tr>
<tr> <td>N</td><td class="error">N̄</td><td>Ń</td><td>Ň</td><td>Ǹ</td><td> </td><td>n</td><td class="error">n̄</td><td>ń</td><td>ň</td><td>ǹ</td> </tr>
<tr><td colspan='11'>Shorthand pinyin letters(single Unicode character)</td></tr>
<!--
Ĉ Ŝ Ẑ Ŋ
ĉ ŝ ẑ ŋ
-->
<tr class="error"> <td>Ĉ</td><td>Ŝ</td><td>Ẑ</td><td>Ŋ</td><td></td><td> </td><td></td><td></td><td></td><td></td><td></td> </tr>
<tr class="error"> <td>ĉ</td><td>ŝ</td><td>ẑ</td><td>ŋ</td><td></td><td> </td><td></td><td></td><td></td><td></td><td></td> </tr>
<tr><td colspan='11'>Other(two Unicode character, not use Combining Diacritical Marks)</td></tr>
<tr> <td>·◌</td><td></td><td></td><td></td><td></td><td> </td><td></td><td></td><td></td><td></td><td></td> </tr>
</tbody>
</table>
<table style="font-family: 'Source Han Sans CN';">
<caption>Source Han Sans CN</caption>
<thead>
<tr><th colspan='11'>Hanyu Pinyin vowels with Tone Marks</th></tr>
</thead>
<tbody>
<tr><td colspan='11'>single Unicode character</td></tr>
<!--
A Ā Á Ǎ À a ā á ǎ à
E Ē É Ě È e ē é ě è
I Ī Í Ǐ Ì i ī í ǐ ì
O Ō Ó Ǒ Ò o ō ó ǒ ò
U Ū Ú Ǔ Ù u ū ú ǔ ù
Ü Ǖ Ǘ Ǚ Ǜ ü ǖ ǘ ǚ ǜ
a a a a a a a a a a
Ê Ế Ề ê ế ề
M Ḿ m ḿ
N Ń Ň Ǹ n ń ň ǹ
-->
<tr> <td></td><td>ˉ</td><td>ˊ</td><td>ˇ</td><td>ˋ</td><td>·</td> <td></td><td></td><td></td><td></td><td></td> </tr>
<tr> <td>A</td><td>Ā</td><td>Á</td><td>Ǎ</td><td>À</td><td> </td><td>a</td><td>ā</td><td>á</td><td>ǎ</td><td>à</td> </tr>
<tr> <td>E</td><td>Ē</td><td>É</td><td>Ě</td><td>È</td><td> </td><td>e</td><td>ē</td><td>é</td><td>ě</td><td>è</td> </tr>
<tr> <td>I</td><td>Ī</td><td>Í</td><td>Ǐ</td><td>Ì</td><td> </td><td>i</td><td>ī</td><td>í</td><td>ǐ</td><td>ì</td> </tr>
<tr> <td>O</td><td>Ō</td><td>Ó</td><td>Ǒ</td><td>Ò</td><td> </td><td>o</td><td>ō</td><td>ó</td><td>ǒ</td><td>ò</td> </tr>
<tr> <td>U</td><td>Ū</td><td>Ú</td><td>Ǔ</td><td>Ù</td><td> </td><td>u</td><td>ū</td><td>ú</td><td>ǔ</td><td>ù</td> </tr>
<tr> <td>Ü</td><td>Ǖ</td><td>Ǘ</td><td>Ǚ</td><td>Ǜ</td><td> </td><td>ü</td><td>ǖ</td><td>ǘ</td><td>ǚ</td><td>ǜ</td> </tr>
<tr><td colspan='11'> </td></tr>
<tr> <td>Ê</td><td> </td><td class="warn">Ế</td><td> </td><td class="warn">Ề</td><td> </td><td>ê</td><td> </td><td class="warn">ế</td><td> </td><td class="warn">ề</td> </tr>
<tr> <td>M</td><td> </td><td>Ḿ</td><td> </td><td> </td><td> </td><td>m</td><td> </td><td>ḿ</td><td> </td><td> </td> </tr>
<tr> <td>N</td><td> </td><td>Ń</td><td>Ň</td><td>Ǹ</td><td> </td><td>n</td><td> </td><td>ń</td><td>ň</td><td>ǹ</td> </tr>
<tr><td colspan='11'>Combining Diacritical Marks</td></tr>
<!--
◌̄ ◌́ ◌̌ ◌̀ ·◌
A Ā Á Ǎ À a ā á ǎ à
E Ē É Ě È e ē é ě è
I Ī Í Ǐ Ì i ī í ǐ ì
O Ō Ó Ǒ Ò o ō ó ǒ ò
U Ū Ú Ǔ Ù u ū ú ǔ ù
Ü Ǖ Ǘ Ǚ Ǜ ü ǖ ǘ ǚ ǜ
Ê Ê̄ Ế Ê̌ Ề ê ê̄ ế ê̌ ề
M M̄ Ḿ M̌ M̀ m m̄ ḿ m̌ m̀
N N̄ Ń Ň Ǹ n n̄ ń ň ǹ
-->
<tr> <td>◌</td><td class="error">◌̄</td><td class="error">◌́</td><td class="error">◌̌</td><td class="error">◌̀</td><td> </td> <td></td><td></td><td></td><td></td><td></td> </tr>
<tr> <td>A</td><td>Ā</td><td>Á</td><td>Ǎ</td><td>À</td><td> </td><td>a</td><td>ā</td><td>á</td><td>ǎ</td><td>à</td> </tr>
<tr> <td>E</td><td>Ē</td><td>É</td><td>Ě</td><td>È</td><td> </td><td>e</td><td>ē</td><td>é</td><td>ě</td><td>è</td> </tr>
<tr> <td>I</td><td>Ī</td><td>Í</td><td>Ǐ</td><td>Ì</td><td> </td><td>i</td><td>ī</td><td>í</td><td>ǐ</td><td>ì</td> </tr>
<tr> <td>O</td><td>Ō</td><td>Ó</td><td>Ǒ</td><td>Ò</td><td> </td><td>o</td><td>ō</td><td>ó</td><td>ǒ</td><td>ò</td> </tr>
<tr> <td>U</td><td>Ū</td><td>Ú</td><td>Ǔ</td><td>Ù</td><td> </td><td>u</td><td>ū</td><td>ú</td><td>ǔ</td><td>ù</td> </tr>
<tr> <td>Ü</td><td>Ǖ</td><td>Ǘ</td><td>Ǚ</td><td>Ǜ</td><td> </td><td>ü</td><td>ǖ</td><td>ǘ</td><td>ǚ</td><td>ǜ</td> </tr>
<tr><td colspan='11'> </td></tr>
<tr> <td>Ê</td><td>Ê̄</td><td class="warn">Ế</td><td>Ê̌</td><td class="warn">Ề</td><td> </td><td>ê</td><td>ê̄</td><td class="warn">ế</td><td>ê̌</td><td class="warn">ề</td> </tr>
<tr> <td>M</td><td>M̄</td><td>Ḿ</td><td class="error">M̌</td><td>M̀</td><td> </td><td>m</td><td>m̄</td><td>ḿ</td><td class="error">m̌</td><td>m̀</td> </tr>
<tr> <td>N</td><td class="error">N̄</td><td>Ń</td><td>Ň</td><td>Ǹ</td><td> </td><td>n</td><td class="error">n̄</td><td>ń</td><td>ň</td><td>ǹ</td> </tr>
<tr><td colspan='11'>Shorthand pinyin letters(single Unicode character)</td></tr>
<!--
Ĉ Ŝ Ẑ Ŋ
ĉ ŝ ẑ ŋ
-->
<tr class="error"> <td>Ĉ</td><td>Ŝ</td><td>Ẑ</td><td>Ŋ</td><td></td><td> </td><td></td><td></td><td></td><td></td><td></td> </tr>
<tr class="error"> <td>ĉ</td><td>ŝ</td><td>ẑ</td><td>ŋ</td><td></td><td> </td><td></td><td></td><td></td><td></td><td></td> </tr>
<tr><td colspan='11'>Other(two Unicode character, not use Combining Diacritical Marks)</td></tr>
<tr> <td>·◌</td><td></td><td></td><td></td><td></td><td> </td><td></td><td></td><td></td><td></td><td></td> </tr>
</tbody>
</table>
<table style="font-family: 'Source Han Mono SC';">
<caption>Source Han Mono SC</caption>
<thead>
<tr><th colspan='11'>Hanyu Pinyin vowels with Tone Marks</th></tr>
</thead>
<tbody>
<tr><td colspan='11'>single Unicode character</td></tr>
<!--
A Ā Á Ǎ À a ā á ǎ à
E Ē É Ě È e ē é ě è
I Ī Í Ǐ Ì i ī í ǐ ì
O Ō Ó Ǒ Ò o ō ó ǒ ò
U Ū Ú Ǔ Ù u ū ú ǔ ù
Ü Ǖ Ǘ Ǚ Ǜ ü ǖ ǘ ǚ ǜ
a a a a a a a a a a
Ê Ế Ề ê ế ề
M Ḿ m ḿ
N Ń Ň Ǹ n ń ň ǹ
-->
<tr> <td></td><td>ˉ</td><td>ˊ</td><td>ˇ</td><td>ˋ</td><td>·</td> <td></td><td></td><td></td><td></td><td></td> </tr>
<tr> <td>A</td><td>Ā</td><td>Á</td><td>Ǎ</td><td>À</td><td> </td><td>a</td><td>ā</td><td>á</td><td>ǎ</td><td>à</td> </tr>
<tr> <td>E</td><td>Ē</td><td>É</td><td>Ě</td><td>È</td><td> </td><td>e</td><td>ē</td><td>é</td><td>ě</td><td>è</td> </tr>
<tr> <td class="warn">I</td><td class="warn">Ī</td><td class="warn">Í</td><td class="warn">Ǐ</td><td class="warn">Ì</td><td> </td><td class="warn">i</td><td class="warn">ī</td><td class="warn">í</td><td class="warn">ǐ</td><td class="warn">ì</td> </tr>
<tr> <td>O</td><td>Ō</td><td>Ó</td><td>Ǒ</td><td>Ò</td><td> </td><td>o</td><td>ō</td><td>ó</td><td>ǒ</td><td>ò</td> </tr>
<tr> <td>U</td><td>Ū</td><td>Ú</td><td>Ǔ</td><td>Ù</td><td> </td><td>u</td><td>ū</td><td>ú</td><td>ǔ</td><td>ù</td> </tr>
<tr> <td>Ü</td><td>Ǖ</td><td>Ǘ</td><td>Ǚ</td><td>Ǜ</td><td> </td><td>ü</td><td>ǖ</td><td>ǘ</td><td>ǚ</td><td>ǜ</td> </tr>
<tr><td colspan='11'> </td></tr>
<tr> <td>Ê</td><td> </td><td class="warn">Ế</td><td> </td><td class="warn">Ề</td><td> </td><td>ê</td><td> </td><td class="warn">ế</td><td> </td><td class="warn">ề</td> </tr>
<tr> <td>M</td><td> </td><td>Ḿ</td><td> </td><td> </td><td> </td><td>m</td><td> </td><td>ḿ</td><td> </td><td> </td> </tr>
<tr> <td>N</td><td> </td><td>Ń</td><td>Ň</td><td>Ǹ</td><td> </td><td>n</td><td> </td><td>ń</td><td>ň</td><td>ǹ</td> </tr>
<tr><td colspan='11'>Combining Diacritical Marks</td></tr>
<!--
◌̄ ◌́ ◌̌ ◌̀ ·◌
A Ā Á Ǎ À a ā á ǎ à
E Ē É Ě È e ē é ě è
I Ī Í Ǐ Ì i ī í ǐ ì
O Ō Ó Ǒ Ò o ō ó ǒ ò
U Ū Ú Ǔ Ù u ū ú ǔ ù
Ü Ǖ Ǘ Ǚ Ǜ ü ǖ ǘ ǚ ǜ
Ê Ê̄ Ế Ê̌ Ề ê ê̄ ế ê̌ ề
M M̄ Ḿ M̌ M̀ m m̄ ḿ m̌ m̀
N N̄ Ń Ň Ǹ n n̄ ń ň ǹ
-->
<tr> <td>◌</td><td class="error">◌̄</td><td class="error">◌́</td><td class="error">◌̌</td><td class="error">◌̀</td><td> </td> <td></td><td></td><td></td><td></td><td></td> </tr>
<tr> <td>A</td><td>Ā</td><td>Á</td><td>Ǎ</td><td>À</td><td> </td><td>a</td><td>ā</td><td>á</td><td>ǎ</td><td>à</td> </tr>
<tr> <td>E</td><td>Ē</td><td>É</td><td>Ě</td><td>È</td><td> </td><td>e</td><td>ē</td><td>é</td><td>ě</td><td>è</td> </tr>
<tr> <td class="warn">I</td><td class="warn">Ī</td><td class="warn">Í</td><td class="warn">Ǐ</td><td class="warn">Ì</td><td> </td><td class="warn">i</td><td class="warn">ī</td><td class="warn">í</td><td class="warn">ǐ</td><td class="warn">ì</td> </tr>
<tr> <td>O</td><td>Ō</td><td>Ó</td><td>Ǒ</td><td>Ò</td><td> </td><td>o</td><td>ō</td><td>ó</td><td>ǒ</td><td>ò</td> </tr>
<tr> <td>U</td><td>Ū</td><td>Ú</td><td>Ǔ</td><td>Ù</td><td> </td><td>u</td><td>ū</td><td>ú</td><td>ǔ</td><td>ù</td> </tr>
<tr> <td>Ü</td><td>Ǖ</td><td>Ǘ</td><td>Ǚ</td><td>Ǜ</td><td> </td><td>ü</td><td>ǖ</td><td>ǘ</td><td>ǚ</td><td>ǜ</td> </tr>
<tr><td colspan='11'> </td></tr>
<tr> <td>Ê</td><td>Ê̄</td><td class="warn">Ế</td><td>Ê̌</td><td class="warn">Ề</td><td> </td><td>ê</td><td>ê̄</td><td class="warn">ế</td><td>ê̌</td><td class="warn">ề</td> </tr>
<tr> <td>M</td><td>M̄</td><td>Ḿ</td><td class="error">M̌</td><td>M̀</td><td> </td><td>m</td><td>m̄</td><td>ḿ</td><td class="error">m̌</td><td>m̀</td> </tr>
<tr> <td>N</td><td class="error">N̄</td><td>Ń</td><td>Ň</td><td>Ǹ</td><td> </td><td>n</td><td class="error">n̄</td><td>ń</td><td>ň</td><td>ǹ</td> </tr>
<tr><td colspan='11'>Shorthand pinyin letters(single Unicode character)</td></tr>
<!--
Ĉ Ŝ Ẑ Ŋ
ĉ ŝ ẑ ŋ
-->
<tr class="error"> <td>Ĉ</td><td>Ŝ</td><td>Ẑ</td><td>Ŋ</td><td></td><td> </td><td></td><td></td><td></td><td></td><td></td> </tr>
<tr class="error"> <td>ĉ</td><td>ŝ</td><td>ẑ</td><td>ŋ</td><td></td><td> </td><td></td><td></td><td></td><td></td><td></td> </tr>
<tr><td colspan='11'>Other(two Unicode character, not use Combining Diacritical Marks)</td></tr>
<tr> <td>·◌</td><td></td><td></td><td></td><td></td><td> </td><td></td><td></td><td></td><td></td><td></td> </tr>
</tbody>
</table>
</main>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment