adjusted text position for better readability
authorschepers
Thu, 17 Sep 2009 14:59:09 +0900
changeset 201 872ee0aa5b6a
parent 200 8a27f1a3f704
child 202 7a29a6b953f8
adjusted text position for better readability
html/images/ISOIEC-9995-3-FCD-2009A.svg
--- a/html/images/ISOIEC-9995-3-FCD-2009A.svg	Thu Sep 17 14:33:30 2009 +0900
+++ b/html/images/ISOIEC-9995-3-FCD-2009A.svg	Thu Sep 17 14:59:09 2009 +0900
@@ -63,107 +63,107 @@
       <title>Row E</title>
       <g class="characterKey" transform="translate(0, 0)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
-      	<text class="primary shifted" x="10" y="18">~</text>
-      	<text class="primary unshifted" x="10" y="35">`</text>
-      	<text class="secondary shifted" x="50" y="18">&#x0AD;</text>
-      	<text class="secondary unshifted" x="50" y="35">&#x204A;</text>
-      	<text class="secondary extra" x="50" y="52">&#x07C;</text>
+      	<text class="primary shifted" x="13" y="18">~</text>
+      	<text class="primary unshifted" x="13" y="35">`</text>
+      	<text class="secondary shifted" x="47" y="18">&#x0AD;</text>
+      	<text class="secondary unshifted" x="47" y="35">&#x204A;</text>
+      	<text class="secondary extra" x="47" y="52">&#x07C;</text>
       </g>
       <g class="characterKey" transform="translate(60, 0)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
-      	<text class="primary shifted" x="10" y="18">!</text>
-      	<text class="primary unshifted" x="10" y="35">1</text>
-      	<text class="secondary shifted" x="50" y="18">&#x0A1;</text>
-      	<text class="secondary unshifted" x="50" y="35">&#x0B9;</text>
-      	<text class="secondary extra" x="50" y="52">&#x2B9;</text>
+      	<text class="primary shifted" x="13" y="18">!</text>
+      	<text class="primary unshifted" x="13" y="35">1</text>
+      	<text class="secondary shifted" x="47" y="18">&#x0A1;</text>
+      	<text class="secondary unshifted" x="47" y="35">&#x0B9;</text>
+      	<text class="secondary extra" x="47" y="52">&#x2B9;</text>
       </g>
       <g class="characterKey" transform="translate(120, 0)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
-      	<text class="primary shifted" x="10" y="18">@</text>
-      	<text class="primary unshifted" x="10" y="35">2</text>
-      	<text class="secondary shifted" x="50" y="18">&#x0A4;</text>
-      	<text class="secondary unshifted" x="50" y="35">&#x0B2;</text>
-      	<text class="secondary extra" x="50" y="52">&#x2BA;</text>
+      	<text class="primary shifted" x="13" y="18">@</text>
+      	<text class="primary unshifted" x="13" y="35">2</text>
+      	<text class="secondary shifted" x="47" y="18">&#x0A4;</text>
+      	<text class="secondary unshifted" x="47" y="35">&#x0B2;</text>
+      	<text class="secondary extra" x="47" y="52">&#x2BA;</text>
       </g>
       <g class="characterKey" transform="translate(180, 0)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
-      	<text class="primary shifted" x="10" y="18">#</text>
-      	<text class="primary unshifted" x="10" y="35">3</text>
-      	<text class="secondary shifted" x="50" y="18">&#x0A3;</text>
-      	<text class="secondary unshifted" x="50" y="35">&#x0B3;</text>
-      	<text class="secondary extra" x="50" y="52">&#x2BF;</text>
+      	<text class="primary shifted" x="13" y="18">#</text>
+      	<text class="primary unshifted" x="13" y="35">3</text>
+      	<text class="secondary shifted" x="47" y="18">&#x0A3;</text>
+      	<text class="secondary unshifted" x="47" y="35">&#x0B3;</text>
+      	<text class="secondary extra" x="47" y="52">&#x2BF;</text>
       </g>
       <g class="characterKey" transform="translate(240, 0)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
-      	<text class="primary shifted" x="10" y="18">$</text>
-      	<text class="primary unshifted" x="10" y="35">4</text>
-      	<text class="secondary shifted" x="50" y="18">&#x20AC;</text>
-      	<text class="secondary unshifted" x="50" y="35">&#x0BC;</text>
-      	<text class="secondary extra" x="50" y="52">&#x2BE;</text>
+      	<text class="primary shifted" x="13" y="18">$</text>
+      	<text class="primary unshifted" x="13" y="35">4</text>
+      	<text class="secondary shifted" x="47" y="18">&#x20AC;</text>
+      	<text class="secondary unshifted" x="47" y="35">&#x0BC;</text>
+      	<text class="secondary extra" x="47" y="52">&#x2BE;</text>
       </g>
       <g class="characterKey" transform="translate(300, 0)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
-      	<text class="primary shifted" x="10" y="18">%</text>
-      	<text class="primary unshifted" x="10" y="35">5</text>
-      	<text class="secondary shifted" x="50" y="18">&#x2191;</text>
-      	<text class="secondary unshifted" x="50" y="35">&#x0BD;</text>
-      	<text class="secondary extra" x="50" y="52">&#x2C1;</text>
+      	<text class="primary shifted" x="13" y="18">%</text>
+      	<text class="primary unshifted" x="13" y="35">5</text>
+      	<text class="secondary shifted" x="47" y="18">&#x2191;</text>
+      	<text class="secondary unshifted" x="47" y="35">&#x0BD;</text>
+      	<text class="secondary extra" x="47" y="52">&#x2C1;</text>
       </g>
       <g class="characterKey" transform="translate(360, 0)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
-      	<text class="primary shifted" x="10" y="18">^</text>
-      	<text class="primary unshifted" x="10" y="35">6</text>
-      	<text class="secondary shifted" x="50" y="18">&#x2193;</text>
-      	<text class="secondary unshifted" x="50" y="35">&#x0BE;</text>
-      	<text class="secondary extra" x="50" y="52">&#x2C0;</text>
+      	<text class="primary shifted" x="13" y="18">^</text>
+      	<text class="primary unshifted" x="13" y="35">6</text>
+      	<text class="secondary shifted" x="47" y="18">&#x2193;</text>
+      	<text class="secondary unshifted" x="47" y="35">&#x0BE;</text>
+      	<text class="secondary extra" x="47" y="52">&#x2C0;</text>
       </g>
       <g class="characterKey" transform="translate(420, 0)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
-      	<text class="primary shifted" x="10" y="18">&amp;</text>
-      	<text class="primary unshifted" x="10" y="35">7</text>
-      	<text class="secondary shifted" x="50" y="18">&#x2190;</text>
-      	<text class="secondary unshifted" x="50" y="35">&#x215B;</text>
-      	<text class="secondary extra" x="50" y="52">&#x07B;</text>
+      	<text class="primary shifted" x="13" y="18">&amp;</text>
+      	<text class="primary unshifted" x="13" y="35">7</text>
+      	<text class="secondary shifted" x="47" y="18">&#x2190;</text>
+      	<text class="secondary unshifted" x="47" y="35">&#x215B;</text>
+      	<text class="secondary extra" x="47" y="52">&#x07B;</text>
       </g>
       <g class="characterKey" transform="translate(480, 0)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
-      	<text class="primary shifted" x="10" y="18">*</text>
-      	<text class="primary unshifted" x="10" y="35">8</text>
-      	<text class="secondary shifted" x="50" y="18">&#x2192;</text>
-      	<text class="secondary unshifted" x="50" y="35">&#x215C;</text>
-      	<text class="secondary extra" x="50" y="52">&#x07D;</text>
+      	<text class="primary shifted" x="13" y="18">*</text>
+      	<text class="primary unshifted" x="13" y="35">8</text>
+      	<text class="secondary shifted" x="47" y="18">&#x2192;</text>
+      	<text class="secondary unshifted" x="47" y="35">&#x215C;</text>
+      	<text class="secondary extra" x="47" y="52">&#x07D;</text>
       </g>
       <g class="characterKey" transform="translate(540, 0)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
-      	<text class="primary shifted" x="10" y="18">(</text>
-      	<text class="primary unshifted" x="10" y="35">9</text>
-      	<text class="secondary shifted" x="50" y="18">&#x0B1;</text>
-      	<text class="secondary unshifted" x="50" y="35">&#x215D;</text>
-      	<text class="secondary extra" x="50" y="52">&#x05B;</text>
+      	<text class="primary shifted" x="13" y="18">(</text>
+      	<text class="primary unshifted" x="13" y="35">9</text>
+      	<text class="secondary shifted" x="47" y="18">&#x0B1;</text>
+      	<text class="secondary unshifted" x="47" y="35">&#x215D;</text>
+      	<text class="secondary extra" x="47" y="52">&#x05B;</text>
       </g>
       <g class="characterKey" transform="translate(600, 0)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
-      	<text class="primary shifted" x="10" y="18">)</text>
-      	<text class="primary unshifted" x="10" y="35">0</text>
-      	<text class="secondary shifted" x="50" y="18">&#x2122;</text>
-      	<text class="secondary unshifted" x="50" y="35">&#x215E;</text>
-      	<text class="secondary extra" x="50" y="52">&#x05D;</text>
+      	<text class="primary shifted" x="13" y="18">)</text>
+      	<text class="primary unshifted" x="13" y="35">0</text>
+      	<text class="secondary shifted" x="47" y="18">&#x2122;</text>
+      	<text class="secondary unshifted" x="47" y="35">&#x215E;</text>
+      	<text class="secondary extra" x="47" y="52">&#x05D;</text>
       </g>
       <g class="characterKey" transform="translate(660, 0)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
-      	<text class="primary shifted" x="10" y="18"></text>
-      	<text class="primary unshifted" x="10" y="35"> </text>
-      	<text class="secondary shifted" x="50" y="18">&#x0BF;</text>
-      	<text class="secondary unshifted" x="50" y="35">&#x05C;</text>
-      	<text class="secondary extra" x="50" y="52">&#x2BB;</text>
+      	<text class="primary shifted" x="13" y="18"></text>
+      	<text class="primary unshifted" x="13" y="35"> </text>
+      	<text class="secondary shifted" x="47" y="18">&#x0BF;</text>
+      	<text class="secondary unshifted" x="47" y="35">&#x05C;</text>
+      	<text class="secondary extra" x="47" y="52">&#x2BB;</text>
       </g>
       <g class="characterKey" transform="translate(720, 0)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
-      	<text class="primary shifted" x="10" y="18"></text>
-      	<text class="primary unshifted" x="10" y="35"> </text>
-      	<text class="secondary shifted" x="50" y="18">&#x328;</text>
-      	<text class="secondary unshifted" x="50" y="35">&#x327;</text>
-      	<text class="secondary extra" x="50" y="52">&#x0AC;</text>
+      	<text class="primary shifted" x="13" y="18"></text>
+      	<text class="primary unshifted" x="13" y="35"> </text>
+      	<text class="secondary shifted" x="47" y="18">&#x328;</text>
+      	<text class="secondary unshifted" x="47" y="35">&#x327;</text>
+      	<text class="secondary extra" x="47" y="52">&#x0AC;</text>
       </g>
       <g class="controlKey" transform="translate(780, 0)">
       	<rect x="1" y="1" width="118" height="58" rx="6" ry="6"/>
@@ -182,107 +182,107 @@
       </g>
       <g class="characterKey" transform="translate(90, 60)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
-      	<text class="primary shifted" x="10" y="18">Q</text>
-      	<text class="primary unshifted" x="10" y="35">q</text>
-      	<text class="secondary shifted" x="50" y="18">&#x241;</text>
-      	<text class="secondary unshifted" x="50" y="35">&#x242;</text>
-      	<text class="secondary extra" x="50" y="52">&#x30D;</text>
+      	<text class="primary shifted" x="13" y="18">Q</text>
+      	<text class="primary unshifted" x="13" y="35">q</text>
+      	<text class="secondary shifted" x="47" y="18">&#x241;</text>
+      	<text class="secondary unshifted" x="47" y="35">&#x242;</text>
+      	<text class="secondary extra" x="47" y="52">&#x30D;</text>
       </g>
       <g class="characterKey" transform="translate(150, 60)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
-      	<text class="primary shifted" x="10" y="18">W</text>
-      	<text class="primary unshifted" x="10" y="35">w</text>
-      	<text class="secondary shifted" x="50" y="18">&#x2126;</text>
-      	<text class="secondary unshifted" x="50" y="35">&#x2B7;</text>
-      	<text class="secondary extra" x="50" y="52">&#x307;</text>
+      	<text class="primary shifted" x="13" y="18">W</text>
+      	<text class="primary unshifted" x="13" y="35">w</text>
+      	<text class="secondary shifted" x="47" y="18">&#x2126;</text>
+      	<text class="secondary unshifted" x="47" y="35">&#x2B7;</text>
+      	<text class="secondary extra" x="47" y="52">&#x307;</text>
       </g>
       <g class="characterKey" transform="translate(210, 60)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
-      	<text class="primary shifted" x="10" y="18">E</text>
-      	<text class="primary unshifted" x="10" y="35">e</text>
-      	<text class="secondary shifted" x="50" y="18">&#x152;</text>
-      	<text class="secondary unshifted" x="50" y="35">&#x153;</text>
-      	<text class="secondary extra" x="50" y="52">&#x306;</text>
+      	<text class="primary shifted" x="13" y="18">E</text>
+      	<text class="primary unshifted" x="13" y="35">e</text>
+      	<text class="secondary shifted" x="47" y="18">&#x152;</text>
+      	<text class="secondary unshifted" x="47" y="35">&#x153;</text>
+      	<text class="secondary extra" x="47" y="52">&#x306;</text>
       </g>
       <g class="characterKey" transform="translate(270, 60)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
-      	<text class="primary shifted" x="10" y="18">R</text>
-      	<text class="primary unshifted" x="10" y="35">r</text>
-      	<text class="secondary shifted" x="50" y="18">&#x0AE;</text>
-      	<text class="secondary unshifted" x="50" y="35">&#x0B6;</text>
-      	<text class="secondary extra" x="50" y="52">&#x302;</text>
+      	<text class="primary shifted" x="13" y="18">R</text>
+      	<text class="primary unshifted" x="13" y="35">r</text>
+      	<text class="secondary shifted" x="47" y="18">&#x0AE;</text>
+      	<text class="secondary unshifted" x="47" y="35">&#x0B6;</text>
+      	<text class="secondary extra" x="47" y="52">&#x302;</text>
       </g>
       <g class="characterKey" transform="translate(330, 60)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
-      	<text class="primary shifted" x="10" y="18">T</text>
-      	<text class="primary unshifted" x="10" y="35">t</text>
-      	<text class="secondary shifted" x="50" y="18">&#xA78B;</text>
-      	<text class="secondary unshifted" x="50" y="35">&#xA78C;</text>
-      	<text class="secondary extra" x="50" y="52">&#x308;</text>
+      	<text class="primary shifted" x="13" y="18">T</text>
+      	<text class="primary unshifted" x="13" y="35">t</text>
+      	<text class="secondary shifted" x="47" y="18">&#xA78B;</text>
+      	<text class="secondary unshifted" x="47" y="35">&#xA78C;</text>
+      	<text class="secondary extra" x="47" y="52">&#x308;</text>
       </g>
       <g class="characterKey" transform="translate(390, 60)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
-      	<text class="primary shifted" x="10" y="18">Y</text>
-      	<text class="primary unshifted" x="10" y="35">y</text>
-      	<text class="secondary shifted" x="50" y="18">&#x0A5;</text>
-      	<text class="secondary unshifted" x="50" y="35">&#x27C;</text>
-      	<text class="secondary extra" x="50" y="52">&#x311;</text>
+      	<text class="primary shifted" x="13" y="18">Y</text>
+      	<text class="primary unshifted" x="13" y="35">y</text>
+      	<text class="secondary shifted" x="47" y="18">&#x0A5;</text>
+      	<text class="secondary unshifted" x="47" y="35">&#x27C;</text>
+      	<text class="secondary extra" x="47" y="52">&#x311;</text>
       </g>
       <g class="characterKey" transform="translate(450, 60)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
-      	<text class="primary shifted" x="10" y="18">U</text>
-      	<text class="primary unshifted" x="10" y="35">u</text>
-      	<text class="secondary shifted" x="50" y="18">&#x222;</text>
-      	<text class="secondary unshifted" x="50" y="35">&#x223;</text>
-      	<text class="secondary extra" x="50" y="52">&#x30C;</text>
+      	<text class="primary shifted" x="13" y="18">U</text>
+      	<text class="primary unshifted" x="13" y="35">u</text>
+      	<text class="secondary shifted" x="47" y="18">&#x222;</text>
+      	<text class="secondary unshifted" x="47" y="35">&#x223;</text>
+      	<text class="secondary extra" x="47" y="52">&#x30C;</text>
       </g>
       <g class="characterKey" transform="translate(510, 60)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
-      	<text class="primary shifted" x="10" y="18">I</text>
-      	<text class="primary unshifted" x="10" y="35">i</text>
-      	<text class="secondary shifted" x="50" y="18">&#x214D;</text>
-      	<text class="secondary unshifted" x="50" y="35">&#x131;</text>
-      	<text class="secondary extra" x="50" y="52">&#x313;</text>
+      	<text class="primary shifted" x="13" y="18">I</text>
+      	<text class="primary unshifted" x="13" y="35">i</text>
+      	<text class="secondary shifted" x="47" y="18">&#x214D;</text>
+      	<text class="secondary unshifted" x="47" y="35">&#x131;</text>
+      	<text class="secondary extra" x="47" y="52">&#x313;</text>
       </g>
       <g class="characterKey" transform="translate(570, 60)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
-      	<text class="primary shifted" x="10" y="18">O</text>
-      	<text class="primary unshifted" x="10" y="35">o</text>
-      	<text class="secondary shifted" x="50" y="18">&#x0D8;</text>
-      	<text class="secondary unshifted" x="50" y="35">&#x0F8;</text>
-      	<text class="secondary extra" x="50" y="52">&#x31B;</text>
+      	<text class="primary shifted" x="13" y="18">O</text>
+      	<text class="primary unshifted" x="13" y="35">o</text>
+      	<text class="secondary shifted" x="47" y="18">&#x0D8;</text>
+      	<text class="secondary unshifted" x="47" y="35">&#x0F8;</text>
+      	<text class="secondary extra" x="47" y="52">&#x31B;</text>
       </g>
       <g class="characterKey" transform="translate(630, 60)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
-      	<text class="primary shifted" x="10" y="18">P</text>
-      	<text class="primary unshifted" x="10" y="35">p</text>
-      	<text class="secondary shifted" x="50" y="18">&#x0DE;</text>
-      	<text class="secondary unshifted" x="50" y="35">&#x0FE;</text>
-      	<text class="secondary extra" x="50" y="52">&#x309;</text>
+      	<text class="primary shifted" x="13" y="18">P</text>
+      	<text class="primary unshifted" x="13" y="35">p</text>
+      	<text class="secondary shifted" x="47" y="18">&#x0DE;</text>
+      	<text class="secondary unshifted" x="47" y="35">&#x0FE;</text>
+      	<text class="secondary extra" x="47" y="52">&#x309;</text>
       </g>
       <g class="characterKey" transform="translate(690, 60)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
-      	<text class="primary shifted" x="10" y="18">{</text>
-      	<text class="primary unshifted" x="10" y="35">[</text>
-      	<text class="secondary shifted" x="50" y="18">&#x30A;</text>
-      	<text class="secondary unshifted" x="50" y="35">&#x17F;</text>
-      	<text class="secondary extra" x="50" y="52">&#x300;</text>
+      	<text class="primary shifted" x="13" y="18">{</text>
+      	<text class="primary unshifted" x="13" y="35">[</text>
+      	<text class="secondary shifted" x="47" y="18">&#x30A;</text>
+      	<text class="secondary unshifted" x="47" y="35">&#x17F;</text>
+      	<text class="secondary extra" x="47" y="52">&#x300;</text>
       </g>
       <g class="characterKey" transform="translate(750, 60)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
-      	<text class="primary shifted" x="10" y="18">}</text>
-      	<text class="primary unshifted" x="10" y="35">]</text>
-      	<text class="secondary shifted" x="50" y="18">&#x304;</text>
-      	<text class="secondary unshifted" x="50" y="35">&#x303;</text>
-      	<text class="secondary extra" x="50" y="52">&#x040;</text>
+      	<text class="primary shifted" x="13" y="18">}</text>
+      	<text class="primary unshifted" x="13" y="35">]</text>
+      	<text class="secondary shifted" x="47" y="18">&#x304;</text>
+      	<text class="secondary unshifted" x="47" y="35">&#x303;</text>
+      	<text class="secondary extra" x="47" y="52">&#x040;</text>
       </g>
       <g class="characterKey" transform="translate(810, 60)">
       	<rect x="1" y="1" width="88" height="58" rx="6" ry="6"/>
-      	<text class="primary shifted" x="10" y="18">|</text>
-      	<text class="primary unshifted" x="10" y="35">\</text>
-      	<text class="secondary shifted" x="80" y="18">&#x18F;</text>
-      	<text class="secondary unshifted" x="80" y="35">&#x259;</text>
-      	<text class="secondary extra" x="80" y="52">&#x2033;</text>
+      	<text class="primary shifted" x="13" y="18">|</text>
+      	<text class="primary unshifted" x="13" y="35">\</text>
+      	<text class="secondary shifted" x="77" y="18">&#x18F;</text>
+      	<text class="secondary unshifted" x="77" y="35">&#x259;</text>
+      	<text class="secondary extra" x="77" y="52">&#x2033;</text>
       </g>      
     </g>
 
@@ -295,91 +295,91 @@
       </g>
       <g class="characterKey" transform="translate(105, 120)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
-      	<text class="primary shifted" x="10" y="18">A</text>
-      	<text class="primary unshifted" x="10" y="35">a</text>
-      	<text class="secondary shifted" x="50" y="18">&#x0C6;</text>
-      	<text class="secondary unshifted" x="50" y="35">&#x0E6;</text>
-      	<text class="secondary extra" x="50" y="52">&#x329;</text>
+      	<text class="primary shifted" x="13" y="18">A</text>
+      	<text class="primary unshifted" x="13" y="35">a</text>
+      	<text class="secondary shifted" x="47" y="18">&#x0C6;</text>
+      	<text class="secondary unshifted" x="47" y="35">&#x0E6;</text>
+      	<text class="secondary extra" x="47" y="52">&#x329;</text>
       </g>
       <g class="characterKey" transform="translate(165, 120)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
-      	<text class="primary shifted" x="10" y="18">S</text>
-      	<text class="primary unshifted" x="10" y="35">s</text>
-      	<text class="secondary shifted" x="50" y="18">&#x0A7;</text>
-      	<text class="secondary unshifted" x="50" y="35">&#x0DF;</text>
-      	<text class="secondary extra" x="50" y="52">&#x323;</text>
+      	<text class="primary shifted" x="13" y="18">S</text>
+      	<text class="primary unshifted" x="13" y="35">s</text>
+      	<text class="secondary shifted" x="47" y="18">&#x0A7;</text>
+      	<text class="secondary unshifted" x="47" y="35">&#x0DF;</text>
+      	<text class="secondary extra" x="47" y="52">&#x323;</text>
       </g>
       <g class="characterKey" transform="translate(225, 120)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
-      	<text class="primary shifted" x="10" y="18">D</text>
-      	<text class="primary unshifted" x="10" y="35">d</text>
-      	<text class="secondary shifted" x="50" y="18">&#x0D0;</text>
-      	<text class="secondary unshifted" x="50" y="35">&#x0F0;</text>
-      	<text class="secondary extra" x="50" y="52">&#x32E;</text>
+      	<text class="primary shifted" x="13" y="18">D</text>
+      	<text class="primary unshifted" x="13" y="35">d</text>
+      	<text class="secondary shifted" x="47" y="18">&#x0D0;</text>
+      	<text class="secondary unshifted" x="47" y="35">&#x0F0;</text>
+      	<text class="secondary extra" x="47" y="52">&#x32E;</text>
       </g>
       <g class="characterKey" transform="translate(285, 120)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
-      	<text class="primary shifted" x="10" y="18">F</text>
-      	<text class="primary unshifted" x="10" y="35">f</text>
-      	<text class="secondary shifted" x="50" y="18">&#x0AA;</text>
-      	<text class="secondary unshifted" x="50" y="35">&#x294;</text>
-      	<text class="secondary extra" x="50" y="52">&#x32D;</text>
+      	<text class="primary shifted" x="13" y="18">F</text>
+      	<text class="primary unshifted" x="13" y="35">f</text>
+      	<text class="secondary shifted" x="47" y="18">&#x0AA;</text>
+      	<text class="secondary unshifted" x="47" y="35">&#x294;</text>
+      	<text class="secondary extra" x="47" y="52">&#x32D;</text>
       </g>
       <g class="characterKey" transform="translate(345, 120)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
-      	<text class="primary shifted" x="10" y="18">G</text>
-      	<text class="primary unshifted" x="10" y="35">g</text>
-      	<text class="secondary shifted" x="50" y="18">&#x14A;</text>
-      	<text class="secondary unshifted" x="50" y="35">&#x14B;</text>
-      	<text class="secondary extra" x="50" y="52">&#x331;</text>
+      	<text class="primary shifted" x="13" y="18">G</text>
+      	<text class="primary unshifted" x="13" y="35">g</text>
+      	<text class="secondary shifted" x="47" y="18">&#x14A;</text>
+      	<text class="secondary unshifted" x="47" y="35">&#x14B;</text>
+      	<text class="secondary extra" x="47" y="52">&#x331;</text>
       </g>
       <g class="characterKey" transform="translate(405, 120)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
-      	<text class="primary shifted" x="10" y="18">H</text>
-      	<text class="primary unshifted" x="10" y="35">h</text>
-      	<text class="secondary shifted" x="50" y="18">&#x19D;</text>
-      	<text class="secondary unshifted" x="50" y="35">&#x272;</text>
-      	<text class="secondary extra" x="50" y="52">&#x332;</text>
+      	<text class="primary shifted" x="13" y="18">H</text>
+      	<text class="primary unshifted" x="13" y="35">h</text>
+      	<text class="secondary shifted" x="47" y="18">&#x19D;</text>
+      	<text class="secondary unshifted" x="47" y="35">&#x272;</text>
+      	<text class="secondary extra" x="47" y="52">&#x332;</text>
       </g>
       <g class="characterKey" transform="translate(465, 120)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
-      	<text class="primary shifted" x="10" y="18">J</text>
-      	<text class="primary unshifted" x="10" y="35">j</text>
-      	<text class="secondary shifted" x="50" y="18">&#x132;</text>
-      	<text class="secondary unshifted" x="50" y="35">&#x133;</text>
-      	<text class="secondary extra" x="50" y="52">&#x325;</text>
+      	<text class="primary shifted" x="13" y="18">J</text>
+      	<text class="primary unshifted" x="13" y="35">j</text>
+      	<text class="secondary shifted" x="47" y="18">&#x132;</text>
+      	<text class="secondary unshifted" x="47" y="35">&#x133;</text>
+      	<text class="secondary extra" x="47" y="52">&#x325;</text>
       </g>
       <g class="characterKey" transform="translate(525, 120)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
-      	<text class="primary shifted" x="10" y="18">K</text>
-      	<text class="primary unshifted" x="10" y="35">k</text>
-      	<text class="secondary shifted" x="50" y="18">&#x325;</text>
-      	<text class="secondary unshifted" x="50" y="35">&#x138;</text>
-      	<text class="secondary extra" x="50" y="52">&#x335;</text>
+      	<text class="primary shifted" x="13" y="18">K</text>
+      	<text class="primary unshifted" x="13" y="35">k</text>
+      	<text class="secondary shifted" x="47" y="18">&#x325;</text>
+      	<text class="secondary unshifted" x="47" y="35">&#x138;</text>
+      	<text class="secondary extra" x="47" y="52">&#x335;</text>
       </g>
       <g class="characterKey" transform="translate(585, 120)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
-      	<text class="primary shifted" x="10" y="18">L</text>
-      	<text class="primary unshifted" x="10" y="35">l</text>
-      	<text class="secondary shifted" x="50" y="18">&#x141;</text>
-      	<text class="secondary unshifted" x="50" y="35">&#x142;</text>
-      	<text class="secondary extra" x="50" y="52">&#x338;</text>
+      	<text class="primary shifted" x="13" y="18">L</text>
+      	<text class="primary unshifted" x="13" y="35">l</text>
+      	<text class="secondary shifted" x="47" y="18">&#x141;</text>
+      	<text class="secondary unshifted" x="47" y="35">&#x142;</text>
+      	<text class="secondary extra" x="47" y="52">&#x338;</text>
       </g>
       <g class="characterKey" transform="translate(645, 120)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
-      	<text class="primary shifted" x="10" y="18">:</text>
-      	<text class="primary unshifted" x="10" y="35">;</text>
-      	<text class="secondary shifted" x="50" y="18">&#x30B;</text>
-      	<text class="secondary unshifted" x="50" y="35">&#x301;</text>
-      	<text class="secondary extra" x="50" y="52">&#x0B0;</text>
+      	<text class="primary shifted" x="13" y="18">:</text>
+      	<text class="primary unshifted" x="13" y="35">;</text>
+      	<text class="secondary shifted" x="47" y="18">&#x30B;</text>
+      	<text class="secondary unshifted" x="47" y="35">&#x301;</text>
+      	<text class="secondary extra" x="47" y="52">&#x0B0;</text>
       </g>
       <g class="characterKey" transform="translate(705, 120)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
-      	<text class="primary shifted" x="10" y="18">"</text>
-      	<text class="primary unshifted" x="10" y="35">'</text>
-      	<text class="secondary shifted" x="50" y="18">&#x1E9E;</text>
-      	<text class="secondary unshifted" x="50" y="35">&#x19B;</text>
-      	<text class="secondary extra" x="50" y="52">&#x2032;</text>
+      	<text class="primary shifted" x="13" y="18">"</text>
+      	<text class="primary unshifted" x="13" y="35">'</text>
+      	<text class="secondary shifted" x="47" y="18">&#x1E9E;</text>
+      	<text class="secondary unshifted" x="47" y="35">&#x19B;</text>
+      	<text class="secondary extra" x="47" y="52">&#x2032;</text>
       </g>
       <g class="controlKey" transform="translate(765, 120)">
       	<rect x="1" y="1" width="133" height="58" rx="6" ry="6"/>
@@ -397,91 +397,91 @@
       </g>
       <g class="specialKey" transform="translate(75, 180)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
-      	<text class="primary shifted" x="10" y="18"></text>
-      	<text class="primary unshifted" x="10" y="35"> </text>
-      	<text class="secondary shifted" x="50" y="18">&#x0A6;</text>
-      	<text class="secondary unshifted" x="50" y="35">&#x149;</text>
-      	<text class="secondary extra" x="50" y="52">&#x266A;</text>
+      	<text class="primary shifted" x="13" y="18"></text>
+      	<text class="primary unshifted" x="13" y="35"> </text>
+      	<text class="secondary shifted" x="47" y="18">&#x0A6;</text>
+      	<text class="secondary unshifted" x="47" y="35">&#x149;</text>
+      	<text class="secondary extra" x="47" y="52">&#x266A;</text>
       </g>
       <g class="characterKey" transform="translate(135, 180)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
-      	<text class="primary shifted" x="10" y="18">Z</text>
-      	<text class="primary unshifted" x="10" y="35">z</text>
-      	<text class="secondary shifted" x="50" y="18">&#x1B7;</text>
-      	<text class="secondary unshifted" x="50" y="35">&#x292;</text>
-      	<text class="secondary extra" x="50" y="52">&#x0AB;</text>
+      	<text class="primary shifted" x="13" y="18">Z</text>
+      	<text class="primary unshifted" x="13" y="35">z</text>
+      	<text class="secondary shifted" x="47" y="18">&#x1B7;</text>
+      	<text class="secondary unshifted" x="47" y="35">&#x292;</text>
+      	<text class="secondary extra" x="47" y="52">&#x0AB;</text>
       </g>
       <g class="characterKey" transform="translate(195, 180)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
-      	<text class="primary shifted" x="10" y="18">X</text>
-      	<text class="primary unshifted" x="10" y="35">x</text>
-      	<text class="secondary shifted" x="50" y="18">&#x201A;</text>
-      	<text class="secondary unshifted" x="50" y="35">&#x201E;</text>
-      	<text class="secondary extra" x="50" y="52">&#x0BB;</text>
+      	<text class="primary shifted" x="13" y="18">X</text>
+      	<text class="primary unshifted" x="13" y="35">x</text>
+      	<text class="secondary shifted" x="47" y="18">&#x201A;</text>
+      	<text class="secondary unshifted" x="47" y="35">&#x201E;</text>
+      	<text class="secondary extra" x="47" y="52">&#x0BB;</text>
       </g>
       <g class="characterKey" transform="translate(255, 180)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
-      	<text class="primary shifted" x="10" y="18">C</text>
-      	<text class="primary unshifted" x="10" y="35">c</text>
-      	<text class="secondary shifted" x="50" y="18">&#x0A9;</text>
-      	<text class="secondary unshifted" x="50" y="35">&#x0A2;</text>
-      	<text class="secondary extra" x="50" y="52">&#x2015;</text>
+      	<text class="primary shifted" x="13" y="18">C</text>
+      	<text class="primary unshifted" x="13" y="35">c</text>
+      	<text class="secondary shifted" x="47" y="18">&#x0A9;</text>
+      	<text class="secondary unshifted" x="47" y="35">&#x0A2;</text>
+      	<text class="secondary extra" x="47" y="52">&#x2015;</text>
       </g>
       <g class="characterKey" transform="translate(315, 180)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
-      	<text class="primary shifted" x="10" y="18">V</text>
-      	<text class="primary unshifted" x="10" y="35">v</text>
-      	<text class="secondary shifted" x="50" y="18">&#x2018;</text>
-      	<text class="secondary unshifted" x="50" y="35">&#x201C;</text>
-      	<text class="secondary extra" x="50" y="52">&#x2039;</text>
+      	<text class="primary shifted" x="13" y="18">V</text>
+      	<text class="primary unshifted" x="13" y="35">v</text>
+      	<text class="secondary shifted" x="47" y="18">&#x2018;</text>
+      	<text class="secondary unshifted" x="47" y="35">&#x201C;</text>
+      	<text class="secondary extra" x="47" y="52">&#x2039;</text>
       </g>
       <g class="characterKey" transform="translate(375, 180)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
-      	<text class="primary shifted" x="10" y="18">B</text>
-      	<text class="primary unshifted" x="10" y="35">b</text>
-      	<text class="secondary shifted" x="50" y="18">&#x2019;</text>
-      	<text class="secondary unshifted" x="50" y="35">&#x201D;</text>
-      	<text class="secondary extra" x="50" y="52">&#x203A;</text>
+      	<text class="primary shifted" x="13" y="18">B</text>
+      	<text class="primary unshifted" x="13" y="35">b</text>
+      	<text class="secondary shifted" x="47" y="18">&#x2019;</text>
+      	<text class="secondary unshifted" x="47" y="35">&#x201D;</text>
+      	<text class="secondary extra" x="47" y="52">&#x203A;</text>
       </g>
       <g class="characterKey" transform="translate(435, 180)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
-      	<text class="primary shifted" x="10" y="18">N</text>
-      	<text class="primary unshifted" x="10" y="35">n</text>
-      	<text class="secondary shifted" x="50" y="18">&#x220;</text>
-      	<text class="secondary unshifted" x="50" y="35">&#x19E;</text>
-      	<text class="secondary extra" x="50" y="52">&#x2013;</text>
+      	<text class="primary shifted" x="13" y="18">N</text>
+      	<text class="primary unshifted" x="13" y="35">n</text>
+      	<text class="secondary shifted" x="47" y="18">&#x220;</text>
+      	<text class="secondary unshifted" x="47" y="35">&#x19E;</text>
+      	<text class="secondary extra" x="47" y="52">&#x2013;</text>
       </g>
       <g class="characterKey" transform="translate(495, 180)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
-      	<text class="primary shifted" x="10" y="18">M</text>
-      	<text class="primary unshifted" x="10" y="35">m</text>
-      	<text class="secondary shifted" x="50" y="18">&#x0BA;</text>
-      	<text class="secondary unshifted" x="50" y="35">&#x0B5;</text>
-      	<text class="secondary extra" x="50" y="52">&#x2014;</text>
+      	<text class="primary shifted" x="13" y="18">M</text>
+      	<text class="primary unshifted" x="13" y="35">m</text>
+      	<text class="secondary shifted" x="47" y="18">&#x0BA;</text>
+      	<text class="secondary unshifted" x="47" y="35">&#x0B5;</text>
+      	<text class="secondary extra" x="47" y="52">&#x2014;</text>
       </g>
       <g class="characterKey" transform="translate(555, 180)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
-      	<text class="primary shifted" x="10" y="18"></text>
-      	<text class="primary unshifted" x="10" y="35"> </text>
-      	<text class="secondary shifted" x="50" y="18">&#x0D7;</text>
-      	<text class="secondary unshifted" x="50" y="35">&#x2026;</text>
-      	<text class="secondary extra" x="50" y="52">&#x024;</text>
+      	<text class="primary shifted" x="13" y="18"></text>
+      	<text class="primary unshifted" x="13" y="35"> </text>
+      	<text class="secondary shifted" x="47" y="18">&#x0D7;</text>
+      	<text class="secondary unshifted" x="47" y="35">&#x2026;</text>
+      	<text class="secondary extra" x="47" y="52">&#x024;</text>
       </g>
       <g class="characterKey" transform="translate(615, 180)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
-      	<text class="primary shifted" x="10" y="18"></text>
-      	<text class="primary unshifted" x="10" y="35"> </text>
-      	<text class="secondary shifted" x="50" y="18">&#x0F7;</text>
-      	<text class="secondary unshifted" x="50" y="35">&#x0B7;</text>
-      	<text class="secondary extra" x="50" y="52">&#x023;</text>
+      	<text class="primary shifted" x="13" y="18"></text>
+      	<text class="primary unshifted" x="13" y="35"> </text>
+      	<text class="secondary shifted" x="47" y="18">&#x0F7;</text>
+      	<text class="secondary unshifted" x="47" y="35">&#x0B7;</text>
+      	<text class="secondary extra" x="47" y="52">&#x023;</text>
       </g>
       <g class="characterKey" transform="translate(675, 180)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
-      	<text class="primary shifted" x="10" y="18"></text>
-      	<text class="primary unshifted" x="10" y="35"> </text>
-      	<text class="secondary shifted" x="50" y="18">&#x13F;</text>
-      	<text class="secondary unshifted" x="50" y="35">&#x140;</text>
-      	<text class="secondary extra" x="50" y="52">&#x2011;</text>
+      	<text class="primary shifted" x="13" y="18"></text>
+      	<text class="primary unshifted" x="13" y="35"> </text>
+      	<text class="secondary shifted" x="47" y="18">&#x13F;</text>
+      	<text class="secondary unshifted" x="47" y="35">&#x140;</text>
+      	<text class="secondary extra" x="47" y="52">&#x2011;</text>
       </g>
       <g class="controlKey" transform="translate(735, 180)">
       	<rect x="1" y="1" width="163" height="58" rx="6" ry="6"/>
@@ -506,11 +506,11 @@
       </g>
       <g class="characterKey" transform="translate(225, 240)">
       	<rect x="1" y="1" width="418" height="58" rx="6" ry="6"/>
-      	<text class="primary shifted" x="10" y="18">&#x202F;</text>
+      	<text class="primary shifted" x="13" y="18">&#x202F;</text>
       	<text class="center" x="210" y="35">(Space)</text>
-      	<text class="secondary shifted" x="415" y="18" text-anchor="end">ZWNJ</text>
-      	<text class="secondary unshifted" x="415" y="35" text-anchor="end">&#x200C; NNBSP</text>
-      	<text class="secondary extra" x="415" y="52" text-anchor="end">&#x0A0; NBSP</text>
+      	<text class="secondary shifted" x="412" y="18" text-anchor="end">ZWNJ</text>
+      	<text class="secondary unshifted" x="412" y="35" text-anchor="end">&#x200C; NNBSP</text>
+      	<text class="secondary extra" x="412" y="52" text-anchor="end">&#x0A0; NBSP</text>
       </g>
       <g class="controlKey" transform="translate(645, 240)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>