djt/kana/index.html

436 lines
24 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>DJT Kana</title>
<link rel="stylesheet" href="djtkana.css" />
</head>
<body>
<script src="djtkana.js"></script>
<h1>DJT Kana</h1>
<div id="kanabox">
<div id="answer">&nbsp;</div>
<div id="kana_con"><span id="kana"></span></div>
<div id="input"><input type="text" id="input_box" autofocus /></div>
<div id="message">Hover over the kana to show its romanization and type the answer.</div>
<ul id="tools">
<li id="tool_sound"><a>Play sound</a></li>
<li id="tool_stroke"><a>Stroke order</a></li>
<!-- <li id="tool_mnemonic"><a>Mnemonic</a></li> -->
</ul>
<div id="count"></div>
</div>
<div id="options">
<h2>
<label class="collapse" for="show_options">Options <span class="checkall"><a>show/hide</a></span></label>
</h2>
<input id="show_options" type="checkbox" />
<div id="options_inner">
<h3>Hiragana <span class="checkall"><a onclick="check('hcheck')">check all</a> | <a onclick="uncheck('hcheck')">uncheck all</a></span></h3>
<table>
<tr class="checkrow" id="hcheck">
<td><input type="checkbox" class="kanacheck" id="hsingle" checked /></td>
<td><input type="checkbox" class="kanacheck" id="hk" /></td>
<td><input type="checkbox" class="kanacheck" id="hs" /></td>
<td><input type="checkbox" class="kanacheck" id="ht" /></td>
<td><input type="checkbox" class="kanacheck" id="hn" /></td>
<td><input type="checkbox" class="kanacheck" id="hh" /></td>
<td><input type="checkbox" class="kanacheck" id="hm" /></td>
<td><input type="checkbox" class="kanacheck" id="hy" /></td>
<td><input type="checkbox" class="kanacheck" id="hr" /></td>
<td><input type="checkbox" class="kanacheck" id="hw" /></td>
<td><input type="checkbox" class="kanacheck" id="hn1" /></td>
<td><input type="checkbox" class="kanacheck" id="hg" /></td>
<td><input type="checkbox" class="kanacheck" id="hz" /></td>
<td><input type="checkbox" class="kanacheck" id="hd" /></td>
<td><input type="checkbox" class="kanacheck" id="hb" /></td>
<td><input type="checkbox" class="kanacheck" id="hp" /></td>
</tr>
<tr>
<td><span class="kana"></span> <span class="romaji">a</span></td>
<td><span class="kana"></span> <span class="romaji">ka</span></td>
<td><span class="kana"></span> <span class="romaji">sa</span></td>
<td><span class="kana"></span> <span class="romaji">ta</span></td>
<td><span class="kana"></span> <span class="romaji">na</span></td>
<td><span class="kana"></span> <span class="romaji">ha</span></td>
<td><span class="kana"></span> <span class="romaji">ma</span></td>
<td><span class="kana"></span> <span class="romaji">ya</span></td>
<td><span class="kana"></span> <span class="romaji">ra</span></td>
<td><span class="kana"></span> <span class="romaji">wa</span></td>
<td></td>
<td><span class="kana"></span> <span class="romaji">ga</span></td>
<td><span class="kana"></span> <span class="romaji">za</span></td>
<td><span class="kana"></span> <span class="romaji">da</span></td>
<td><span class="kana"></span> <span class="romaji">ba</span></td>
<td><span class="kana"></span> <span class="romaji">pa</span></td>
</tr>
<tr>
<td><span class="kana"></span> <span class="romaji">i</span></td>
<td><span class="kana"></span> <span class="romaji">ki</span></td>
<td><span class="kana"></span> <span class="romaji">shi</span></td>
<td><span class="kana"></span> <span class="romaji">chi</span></td>
<td><span class="kana"></span> <span class="romaji">ni</span></td>
<td><span class="kana"></span> <span class="romaji">hi</span></td>
<td><span class="kana"></span> <span class="romaji">mi</span></td>
<td></td>
<td><span class="kana"></span> <span class="romaji">ri</span></td>
<td></td>
<td></td>
<td><span class="kana"></span> <span class="romaji">gi</span></td>
<td><span class="kana"></span> <span class="romaji">ji</span></td>
<td><span class="kana"></span> <span class="romaji">ji</span></td>
<td><span class="kana"></span> <span class="romaji">bi</span></td>
<td><span class="kana"></span> <span class="romaji">pi</span></td>
</tr>
<tr>
<td><span class="kana"></span> <span class="romaji">u</span></td>
<td><span class="kana"></span> <span class="romaji">ku</span></td>
<td><span class="kana"></span> <span class="romaji">su</span></td>
<td><span class="kana"></span> <span class="romaji">tsu</span></td>
<td><span class="kana"></span> <span class="romaji">nu</span></td>
<td><span class="kana"></span> <span class="romaji">fu</span></td>
<td><span class="kana"></span> <span class="romaji">mu</span></td>
<td><span class="kana"></span> <span class="romaji">yu</span></td>
<td><span class="kana"></span> <span class="romaji">ru</span></td>
<td></td>
<td></td>
<td><span class="kana"></span> <span class="romaji">gu</span></td>
<td><span class="kana"></span> <span class="romaji">zu</span></td>
<td><span class="kana"></span> <span class="romaji">zu</span></td>
<td><span class="kana"></span> <span class="romaji">bu</span></td>
<td><span class="kana"></span> <span class="romaji">pu</span></td>
</tr>
<tr>
<td><span class="kana"></span> <span class="romaji">e</span></td>
<td><span class="kana"></span> <span class="romaji">ke</span></td>
<td><span class="kana"></span> <span class="romaji">se</span></td>
<td><span class="kana"></span> <span class="romaji">te</span></td>
<td><span class="kana"></span> <span class="romaji">ne</span></td>
<td><span class="kana"></span> <span class="romaji">he</span></td>
<td><span class="kana"></span> <span class="romaji">me</span></td>
<td></td>
<td><span class="kana"></span> <span class="romaji">re</span></td>
<td></td>
<td></td>
<td><span class="kana"></span> <span class="romaji">ge</span></td>
<td><span class="kana"></span> <span class="romaji">ze</span></td>
<td><span class="kana"></span> <span class="romaji">de</span></td>
<td><span class="kana"></span> <span class="romaji">be</span></td>
<td><span class="kana"></span> <span class="romaji">pe</span></td>
</tr>
<tr>
<td><span class="kana"></span> <span class="romaji">o</span></td>
<td><span class="kana"></span> <span class="romaji">ko</span></td>
<td><span class="kana"></span> <span class="romaji">so</span></td>
<td><span class="kana"></span> <span class="romaji">to</span></td>
<td><span class="kana"></span> <span class="romaji">no</span></td>
<td><span class="kana"></span> <span class="romaji">ho</span></td>
<td><span class="kana"></span> <span class="romaji">mo</span></td>
<td><span class="kana"></span> <span class="romaji">yo</span></td>
<td><span class="kana"></span> <span class="romaji">ro</span></td>
<td><span class="kana"></span> <span class="romaji">o</span></td>
<td><span class="kana"></span> <span class="romaji">n</span></td>
<td><span class="kana"></span> <span class="romaji">go</span></td>
<td><span class="kana"></span> <span class="romaji">zo</span></td>
<td><span class="kana"></span> <span class="romaji">do</span></td>
<td><span class="kana"></span> <span class="romaji">bo</span></td>
<td><span class="kana"></span> <span class="romaji">po</span></td>
</tr>
</table>
<h3>Hiragana combinations <span class="checkall"><a onclick="check('hccheck')">check all</a> | <a onclick="uncheck('hccheck')">uncheck all</a></span></h3>
<table>
<tr class="checkrow" id="hccheck">
<td><input type="checkbox" class="kanacheck" id="hdk" /></td>
<td><input type="checkbox" class="kanacheck" id="hds" /></td>
<td><input type="checkbox" class="kanacheck" id="hdc" /></td>
<td><input type="checkbox" class="kanacheck" id="hdn" /></td>
<td><input type="checkbox" class="kanacheck" id="hdh" /></td>
<td><input type="checkbox" class="kanacheck" id="hdm" /></td>
<td><input type="checkbox" class="kanacheck" id="hdr" /></td>
<td><input type="checkbox" class="kanacheck" id="hdg" /></td>
<td><input type="checkbox" class="kanacheck" id="hdj" /></td>
<td><input type="checkbox" class="kanacheck" id="hdj2" /></td>
<td><input type="checkbox" class="kanacheck" id="hdb" /></td>
<td><input type="checkbox" class="kanacheck" id="hdp" /></td>
</tr>
<tr>
<td><span class="kana">きゃ</span> <span class="romaji">kya</span></td>
<td><span class="kana">しゃ</span> <span class="romaji">sha</span></td>
<td><span class="kana">ちゃ</span> <span class="romaji">cha</span></td>
<td><span class="kana">にゃ</span> <span class="romaji">nya</span></td>
<td><span class="kana">ひゃ</span> <span class="romaji">hya</span></td>
<td><span class="kana">みゃ</span> <span class="romaji">mya</span></td>
<td><span class="kana">りゃ</span> <span class="romaji">rya</span></td>
<td><span class="kana">ぎゃ</span> <span class="romaji">gya</span></td>
<td><span class="kana">じゃ</span> <span class="romaji">ja</span></td>
<td><span class="kana">ぢゃ</span> <span class="romaji">ja</span></td>
<td><span class="kana">びゃ</span> <span class="romaji">bya</span></td>
<td><span class="kana">ぴゃ</span> <span class="romaji">pya</span></td>
</tr>
<tr>
<td><span class="kana">きゅ</span> <span class="romaji">kyu</span></td>
<td><span class="kana">しゅ</span> <span class="romaji">shu</span></td>
<td><span class="kana">ちゅ</span> <span class="romaji">chu</span></td>
<td><span class="kana">にゅ</span> <span class="romaji">nyu</span></td>
<td><span class="kana">ひゅ</span> <span class="romaji">hyu</span></td>
<td><span class="kana">みゅ</span> <span class="romaji">myu</span></td>
<td><span class="kana">りゅ</span> <span class="romaji">ryu</span></td>
<td><span class="kana">ぎゅ</span> <span class="romaji">gyu</span></td>
<td><span class="kana">じゅ</span> <span class="romaji">ju</span></td>
<td><span class="kana">ぢゅ</span> <span class="romaji">ju</span></td>
<td><span class="kana">びゅ</span> <span class="romaji">byu</span></td>
<td><span class="kana">ぴゅ</span> <span class="romaji">pyu</span></td>
</tr>
<tr>
<td><span class="kana">きょ</span> <span class="romaji">kyo</span></td>
<td><span class="kana">しょ</span> <span class="romaji">sho</span></td>
<td><span class="kana">ちょ</span> <span class="romaji">cho</span></td>
<td><span class="kana">にょ</span> <span class="romaji">nyo</span></td>
<td><span class="kana">ひょ</span> <span class="romaji">hyo</span></td>
<td><span class="kana">みょ</span> <span class="romaji">myo</span></td>
<td><span class="kana">りょ</span> <span class="romaji">ryo</span></td>
<td><span class="kana">ぎょ</span> <span class="romaji">gyo</span></td>
<td><span class="kana">じょ</span> <span class="romaji">jo</span></td>
<td><span class="kana">ぢょ</span> <span class="romaji">jo</span></td>
<td><span class="kana">びょ</span> <span class="romaji">byo</span></td>
<td><span class="kana">ぴょ</span> <span class="romaji">pyo</span></td>
</tr>
</table>
<h3>Katakana <span class="checkall"><a onclick="check('kcheck')">check all</a> | <a onclick="uncheck('kcheck')">uncheck all</a></span></h3>
<table>
<tr class="checkrow" id="kcheck">
<td><input type="checkbox" class="kanacheck" id="ksingle" /></td>
<td><input type="checkbox" class="kanacheck" id="kk" /></td>
<td><input type="checkbox" class="kanacheck" id="ks" /></td>
<td><input type="checkbox" class="kanacheck" id="kt" /></td>
<td><input type="checkbox" class="kanacheck" id="kn" /></td>
<td><input type="checkbox" class="kanacheck" id="kh" /></td>
<td><input type="checkbox" class="kanacheck" id="km" /></td>
<td><input type="checkbox" class="kanacheck" id="ky" /></td>
<td><input type="checkbox" class="kanacheck" id="kr" /></td>
<td><input type="checkbox" class="kanacheck" id="kw" /></td>
<td><input type="checkbox" class="kanacheck" id="kn1" /></td>
<td><input type="checkbox" class="kanacheck" id="kg" /></td>
<td><input type="checkbox" class="kanacheck" id="kz" /></td>
<td><input type="checkbox" class="kanacheck" id="kd" /></td>
<td><input type="checkbox" class="kanacheck" id="kb" /></td>
<td><input type="checkbox" class="kanacheck" id="kp" /></td>
</tr>
<tr>
<td><span class="kana"></span> <span class="romaji">a</span></td>
<td><span class="kana"></span> <span class="romaji">ka</span></td>
<td><span class="kana"></span> <span class="romaji">sa</span></td>
<td><span class="kana"></span> <span class="romaji">ta</span></td>
<td><span class="kana"></span> <span class="romaji">na</span></td>
<td><span class="kana"></span> <span class="romaji">ha</span></td>
<td><span class="kana"></span> <span class="romaji">ma</span></td>
<td><span class="kana"></span> <span class="romaji">ya</span></td>
<td><span class="kana"></span> <span class="romaji">ra</span></td>
<td><span class="kana"></span> <span class="romaji">wa</span></td>
<td></td>
<td><span class="kana"></span> <span class="romaji">ga</span></td>
<td><span class="kana"></span> <span class="romaji">za</span></td>
<td><span class="kana"></span> <span class="romaji">da</span></td>
<td><span class="kana"></span> <span class="romaji">ba</span></td>
<td><span class="kana"></span> <span class="romaji">pa</span></td>
</tr>
<tr>
<td><span class="kana"></span> <span class="romaji">i</span></td>
<td><span class="kana"></span> <span class="romaji">ki</span></td>
<td><span class="kana"></span> <span class="romaji">shi</span></td>
<td><span class="kana"></span> <span class="romaji">chi</span></td>
<td><span class="kana"></span> <span class="romaji">ni</span></td>
<td><span class="kana"></span> <span class="romaji">hi</span></td>
<td><span class="kana"></span> <span class="romaji">mi</span></td>
<td></td>
<td><span class="kana"></span> <span class="romaji">ri</span></td>
<td></td>
<td></td>
<td><span class="kana"></span> <span class="romaji">gi</span></td>
<td><span class="kana"></span> <span class="romaji">ji</span></td>
<td><span class="kana"></span> <span class="romaji">ji</span></td>
<td><span class="kana"></span> <span class="romaji">bi</span></td>
<td><span class="kana"></span> <span class="romaji">pi</span></td>
</tr>
<tr>
<td><span class="kana"></span> <span class="romaji">u</span></td>
<td><span class="kana"></span> <span class="romaji">ku</span></td>
<td><span class="kana"></span> <span class="romaji">su</span></td>
<td><span class="kana"></span> <span class="romaji">tsu</span></td>
<td><span class="kana"></span> <span class="romaji">nu</span></td>
<td><span class="kana"></span> <span class="romaji">fu</span></td>
<td><span class="kana"></span> <span class="romaji">mu</span></td>
<td><span class="kana"></span> <span class="romaji">yu</span></td>
<td><span class="kana"></span> <span class="romaji">ru</span></td>
<td></td>
<td></td>
<td><span class="kana"></span> <span class="romaji">gu</span></td>
<td><span class="kana"></span> <span class="romaji">zu</span></td>
<td><span class="kana"></span> <span class="romaji">zu</span></td>
<td><span class="kana"></span> <span class="romaji">bu</span></td>
<td><span class="kana"></span> <span class="romaji">pu</span></td>
</tr>
<tr>
<td><span class="kana"></span> <span class="romaji">e</span></td>
<td><span class="kana"></span> <span class="romaji">ke</span></td>
<td><span class="kana"></span> <span class="romaji">se</span></td>
<td><span class="kana"></span> <span class="romaji">te</span></td>
<td><span class="kana"></span> <span class="romaji">ne</span></td>
<td><span class="kana"></span> <span class="romaji">he</span></td>
<td><span class="kana"></span> <span class="romaji">me</span></td>
<td></td>
<td><span class="kana"></span> <span class="romaji">re</span></td>
<td></td>
<td></td>
<td><span class="kana"></span> <span class="romaji">ge</span></td>
<td><span class="kana"></span> <span class="romaji">ze</span></td>
<td><span class="kana"></span> <span class="romaji">de</span></td>
<td><span class="kana"></span> <span class="romaji">be</span></td>
<td><span class="kana"></span> <span class="romaji">pe</span></td>
</tr>
<tr>
<td><span class="kana"></span> <span class="romaji">o</span></td>
<td><span class="kana"></span> <span class="romaji">ko</span></td>
<td><span class="kana"></span> <span class="romaji">so</span></td>
<td><span class="kana"></span> <span class="romaji">to</span></td>
<td><span class="kana"></span> <span class="romaji">no</span></td>
<td><span class="kana"></span> <span class="romaji">ho</span></td>
<td><span class="kana"></span> <span class="romaji">mo</span></td>
<td><span class="kana"></span> <span class="romaji">yo</span></td>
<td><span class="kana"></span> <span class="romaji">ro</span></td>
<td><span class="kana"></span> <span class="romaji">o</span></td>
<td><span class="kana"></span> <span class="romaji">n</span></td>
<td><span class="kana"></span> <span class="romaji">go</span></td>
<td><span class="kana"></span> <span class="romaji">zo</span></td>
<td><span class="kana"></span> <span class="romaji">do</span></td>
<td><span class="kana"></span> <span class="romaji">bo</span></td>
<td><span class="kana"></span> <span class="romaji">po</span></td>
</tr>
</table>
<h3>Katakana combinations <span class="checkall"><a onclick="check('kccheck')">check all</a> | <a onclick="uncheck('kccheck')">uncheck all</a></span></h3>
<table>
<tr class="checkrow" id="kccheck">
<td><input type="checkbox" class="kanacheck" id="kdk" /></td>
<td><input type="checkbox" class="kanacheck" id="kds" /></td>
<td><input type="checkbox" class="kanacheck" id="kdc" /></td>
<td><input type="checkbox" class="kanacheck" id="kdn" /></td>
<td><input type="checkbox" class="kanacheck" id="kdh" /></td>
<td><input type="checkbox" class="kanacheck" id="kdm" /></td>
<td><input type="checkbox" class="kanacheck" id="kdr" /></td>
<td><input type="checkbox" class="kanacheck" id="kdg" /></td>
<td><input type="checkbox" class="kanacheck" id="kdj" /></td>
<td><input type="checkbox" class="kanacheck" id="kdj2" /></td>
<td><input type="checkbox" class="kanacheck" id="kdb" /></td>
<td><input type="checkbox" class="kanacheck" id="kdp" /></td>
</tr>
<tr>
<td><span class="kana">キャ</span> <span class="romaji">kya</span></td>
<td><span class="kana">シャ</span> <span class="romaji">sha</span></td>
<td><span class="kana">チャ</span> <span class="romaji">cha</span></td>
<td><span class="kana">ニャ</span> <span class="romaji">nya</span></td>
<td><span class="kana">ヒャ</span> <span class="romaji">hya</span></td>
<td><span class="kana">ミャ</span> <span class="romaji">mya</span></td>
<td><span class="kana">リャ</span> <span class="romaji">rya</span></td>
<td><span class="kana">ギャ</span> <span class="romaji">gya</span></td>
<td><span class="kana">ジャ</span> <span class="romaji">ja</span></td>
<td><span class="kana">ヂャ</span> <span class="romaji">ja</span></td>
<td><span class="kana">ビャ</span> <span class="romaji">bya</span></td>
<td><span class="kana">ピャ</span> <span class="romaji">pya</span></td>
</tr>
<tr>
<td><span class="kana">キュ</span> <span class="romaji">kyu</span></td>
<td><span class="kana">シュ</span> <span class="romaji">shu</span></td>
<td><span class="kana">チュ</span> <span class="romaji">chu</span></td>
<td><span class="kana">ニュ</span> <span class="romaji">nyu</span></td>
<td><span class="kana">ヒュ</span> <span class="romaji">hyu</span></td>
<td><span class="kana">ミュ</span> <span class="romaji">myu</span></td>
<td><span class="kana">リュ</span> <span class="romaji">ryu</span></td>
<td><span class="kana">ギュ</span> <span class="romaji">gyu</span></td>
<td><span class="kana">ジュ</span> <span class="romaji">ju</span></td>
<td><span class="kana">ヂュ</span> <span class="romaji">ju</span></td>
<td><span class="kana">ビュ</span> <span class="romaji">byu</span></td>
<td><span class="kana">ピュ</span> <span class="romaji">pyu</span></td>
</tr>
<tr>
<td><span class="kana">キョ</span> <span class="romaji">kyo</span></td>
<td><span class="kana">ショ</span> <span class="romaji">sho</span></td>
<td><span class="kana">チョ</span> <span class="romaji">cho</span></td>
<td><span class="kana">ニョ</span> <span class="romaji">nyo</span></td>
<td><span class="kana">ヒョ</span> <span class="romaji">hyo</span></td>
<td><span class="kana">ミョ</span> <span class="romaji">myo</span></td>
<td><span class="kana">リョ</span> <span class="romaji">ryo</span></td>
<td><span class="kana">ギョ</span> <span class="romaji">gyo</span></td>
<td><span class="kana">ジョ</span> <span class="romaji">jo</span></td>
<td><span class="kana">ヂョ</span> <span class="romaji">jo</span></td>
<td><span class="kana">ビョ</span> <span class="romaji">byo</span></td>
<td><span class="kana">ピョ</span> <span class="romaji">pyo</span></td>
</tr>
</table>
<h3>Fonts</h3>
<table>
<tr class="checkrow">
<td><input type="checkbox" class="fontcheck" id="default" checked /></td>
<td><input type="checkbox" class="fontcheck" id="A-OTF-BokutohNStd-Regular" /></td>
<td><input type="checkbox" class="fontcheck" id="A-OTF-FolkPro-Regular" /></td>
<td><input type="checkbox" class="fontcheck" id="A-OTF-HappyNStd-Regular" /></td>
<td><input type="checkbox" class="fontcheck" id="A-OTF-KumoyaStd-Regular" /></td>
<td><input type="checkbox" class="fontcheck" id="A-OTF-KyokaICAPro-Regular" /></td>
<td><input type="checkbox" class="fontcheck" id="A-OTF-Shuuei3Std-Regular" /></td>
<td><input type="checkbox" class="fontcheck" id="A-OTF-ZenGoNStd-Regular" /></td>
<td><input type="checkbox" class="fontcheck" id="ArmedBanana" /></td>
</tr>
<tr>
<td><span class="font_example"></span></td>
<td><span class="font_example"><img src="fonts/A-OTF-BokutohNStd-Regular/ぎ.png" /></span></td>
<td><span class="font_example"><img src="fonts/A-OTF-FolkPro-Regular/ぎ.png" /></span></td>
<td><span class="font_example"><img src="fonts/A-OTF-HappyNStd-Regular/ぎ.png" /></span></td>
<td><span class="font_example"><img src="fonts/A-OTF-KumoyaStd-Regular/ぎ.png" /></span></td>
<td><span class="font_example"><img src="fonts/A-OTF-KyokaICAPro-Regular/ぎ.png" /></span></td>
<td><span class="font_example"><img src="fonts/A-OTF-Shuuei3Std-Regular/ぎ.png" /></span></td>
<td><span class="font_example"><img src="fonts/A-OTF-ZenGoNStd-Regular/ぎ.png" /></span></td>
<td><span class="font_example"><img src="fonts/ArmedBanana/ぎ.png" /></span></td>
</tr>
<tr class="checkrow">
<td><input type="checkbox" class="fontcheck" id="DFCry5_0" /></td>
<td><input type="checkbox" class="fontcheck" id="DFMrg3_0" /></td>
<td><input type="checkbox" class="fontcheck" id="F5AJCCPE_0" /></td>
<td><input type="checkbox" class="fontcheck" id="F5AJCMHG" /></td>
<td><input type="checkbox" class="fontcheck" id="MT_TARE" /></td>
<td><input type="checkbox" class="fontcheck" id="SM-WIN" /></td>
<td><input type="checkbox" class="fontcheck" id="SNsanafon" /></td>
<td><input type="checkbox" class="fontcheck" id="sea" /></td>
<td><input type="checkbox" class="fontcheck" id="KOI-WIN" /></td>
</tr>
<tr>
<td><span class="font_example"><img src="fonts/DFCry5_0/ぎ.png" /></span></td>
<td><span class="font_example"><img src="fonts/DFMrg3_0/ぎ.png" /></span></td>
<td><span class="font_example"><img src="fonts/F5AJCCPE_0/ぎ.png" /></span></td>
<td><span class="font_example"><img src="fonts/F5AJCMHG/ぎ.png" /></span></td>
<td><span class="font_example"><img src="fonts/MT_TARE/ぎ.png" /></span></td>
<td><span class="font_example"><img src="fonts/SM-WIN/ぎ.png" /></span></td>
<td><span class="font_example"><img src="fonts/SNsanafon/ぎ.png" /></span></td>
<td><span class="font_example"><img src="fonts/sea/ぎ.png" /></span></td>
<td><span class="font_example"><img src="fonts/KOI-WIN/ぎ.png" /></span></td>
</tr>
</table>
<p>(The last font above is difficult and you may want to skip it as a beginner.)</p>
<!--
<h3>Q&A</h3>
<p class="question"></p>
<p class="answer"></p>
-->
</div>
</div>