wpt / css / css-text / text-transform / text-transform-fullwidth-001.xht

Status: FAIL | Duration: 68ms | Subtests: 0/1 | Open test on wpt.live | Open ref on wpt.live | wpt.fyi

/css/css-text/text-transform/text-transform-fullwidth-001.xht

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>CSS Test: text-transform - fullwidth - basic cases</title>
		<link rel="author" title="Satoshi Umehara" href="mailto:umehara@est.co.jp" />
		<link rel="reviewer" title="Koji Ishii" href="mailto:kojiishi@gluesoft.co.jp" />
		<link rel="help" title="CSS Text Level 3: 3.1. Transforming Text: the ‘text-transform’ property" href="http://www.w3.org/TR/css-text-3/#text-transform" />
		<link rel="match" href="reference/text-transform-fullwidth-001-ref.xht"/>
		<meta name="assert" content="The UA should transform halfwidth character to fullwidth character when text-transform is set to fullwidth." />
		<style type="text/css">
			<![CDATA[
			        @font-face {
					font-family: 'mplus-1p-regular';
					src: url('/fonts/mplus-1p-regular.woff') format('woff');
			        }
				.test span {
					text-transform: full-width;
				}
				/* the CSS below is not part of the test */
				span {
				       font-family: 'mplus-1p-regular';
					background-color: cyan;
				}
				.test {
					color: Blue;
					line-height: 1.1;
				}
				.test div {
					display: inline-block;
					margin-bottom: .5em;
					text-align: center;
					white-space: nowrap;
				}
			]]>
		</style>
	</head>
	<body>
		<p>
			Test passes if the upper character in each pair matches the lower one in both shape <strong>and size</strong>.
		</p>
		<div class="test">

		<!-- FULLWIDTH LATIN -->
			<div>[<span> </span>]<br />[<span> </span>]</div>
			<div><span>!</span><br /><span>!</span></div>
			<div><span>"</span><br /><span>&quot;</span></div>
			<div><span>#</span><br /><span>#</span></div>
			<div><span>$</span><br /><span>$</span></div>
			<div><span>%</span><br /><span>%</span></div>
			<div><span>&</span><br /><span>&amp;</span></div>
			<div><span>'</span><br /><span>'</span></div>
			<div><span>(</span><br /><span>(</span></div>
			<div><span>)</span><br /><span>)</span></div>
			<div><span>*</span><br /><span>*</span></div>
			<div><span>+</span><br /><span>+</span></div>
			<div><span>,</span><br /><span>,</span></div>
			<div><span>-</span><br /><span>-</span></div>
			<div><span>.</span><br /><span>.</span></div>
			<div><span>/</span><br /><span>/</span></div>

			<div><span>0</span><br /><span>0</span></div>
			<div><span>1</span><br /><span>1</span></div>
			<div><span>2</span><br /><span>2</span></div>
			<div><span>3</span><br /><span>3</span></div>
			<div><span>4</span><br /><span>4</span></div>
			<div><span>5</span><br /><span>5</span></div>
			<div><span>6</span><br /><span>6</span></div>
			<div><span>7</span><br /><span>7</span></div>
			<div><span>8</span><br /><span>8</span></div>
			<div><span>9</span><br /><span>9</span></div>

			<div><span>:</span><br /><span>:</span></div>
			<div><span>;</span><br /><span>;</span></div>
			<div><span><</span><br /><span>&lt;</span></div>
			<div><span>=</span><br /><span>=</span></div>
			<div><span>></span><br /><span>&gt;</span></div>
			<div><span>?</span><br /><span>?</span></div>
			<div><span>@</span><br /><span>@</span></div>

			<div><span>A</span><br /><span>A</span></div>
			<div><span>B</span><br /><span>B</span></div>
			<div><span>C</span><br /><span>C</span></div>
			<div><span>D</span><br /><span>D</span></div>
			<div><span>E</span><br /><span>E</span></div>
			<div><span>F</span><br /><span>F</span></div>
			<div><span>G</span><br /><span>G</span></div>
			<div><span>H</span><br /><span>H</span></div>
			<div><span>I</span><br /><span>I</span></div>
			<div><span>J</span><br /><span>J</span></div>
			<div><span>K</span><br /><span>K</span></div>
			<div><span>L</span><br /><span>L</span></div>
			<div><span>M</span><br /><span>M</span></div>
			<div><span>N</span><br /><span>N</span></div>
			<div><span>O</span><br /><span>O</span></div>
			<div><span>P</span><br /><span>P</span></div>
			<div><span>Q</span><br /><span>Q</span></div>
			<div><span>R</span><br /><span>R</span></div>
			<div><span>S</span><br /><span>S</span></div>
			<div><span>T</span><br /><span>T</span></div>
			<div><span>U</span><br /><span>U</span></div>
			<div><span>V</span><br /><span>V</span></div>
			<div><span>W</span><br /><span>W</span></div>
			<div><span>X</span><br /><span>X</span></div>
			<div><span>Y</span><br /><span>Y</span></div>
			<div><span>Z</span><br /><span>Z</span></div>

			<div><span>[</span><br /><span>[</span></div>
			<div><span>\</span><br /><span>\</span></div>
			<div><span>]</span><br /><span>]</span></div>
			<div><span>^</span><br /><span>^</span></div>
			<div><span>_</span><br /><span>_</span></div>
			<div><span>`</span><br /><span>`</span></div>

			<div><span>a</span><br /><span>a</span></div>
			<div><span>b</span><br /><span>b</span></div>
			<div><span>c</span><br /><span>c</span></div>
			<div><span>d</span><br /><span>d</span></div>
			<div><span>e</span><br /><span>e</span></div>
			<div><span>f</span><br /><span>f</span></div>
			<div><span>g</span><br /><span>g</span></div>
			<div><span>h</span><br /><span>h</span></div>
			<div><span>i</span><br /><span>i</span></div>
			<div><span>j</span><br /><span>j</span></div>
			<div><span>k</span><br /><span>k</span></div>
			<div><span>l</span><br /><span>l</span></div>
			<div><span>m</span><br /><span>m</span></div>
			<div><span>n</span><br /><span>n</span></div>
			<div><span>o</span><br /><span>o</span></div>
			<div><span>p</span><br /><span>p</span></div>
			<div><span>q</span><br /><span>q</span></div>
			<div><span>r</span><br /><span>r</span></div>
			<div><span>s</span><br /><span>s</span></div>
			<div><span>t</span><br /><span>t</span></div>
			<div><span>u</span><br /><span>u</span></div>
			<div><span>v</span><br /><span>v</span></div>
			<div><span>w</span><br /><span>w</span></div>
			<div><span>x</span><br /><span>x</span></div>
			<div><span>y</span><br /><span>y</span></div>
			<div><span>z</span><br /><span>z</span></div>

			<div><span>{</span><br /><span>{</span></div>
			<div><span>|</span><br /><span>|</span></div>
			<div><span>}</span><br /><span>}</span></div>
			<div><span>~</span><br /><span>~</span></div>

			<div><span>⦅</span><br /><span>⦅</span></div>				<!-- LEFT WHITE PARENTHESIS -->
			<div><span>⦆</span><br /><span>⦆</span></div>				<!-- RIGHT WHITE PARENTHESIS -->

		<!-- HALFWIDTH KATAKANA -->
			<div><span>。</span><br /><span>。</span></div>
			<div><span>「</span><br /><span>「</span></div>
			<div><span>」</span><br /><span>」</span></div>
			<div><span>、</span><br /><span>、</span></div>
			<div><span>・</span><br /><span>・</span></div>

			<div><span>ヲ</span><br /><span>ヲ</span></div>
			<div><span>ァ</span><br /><span>ァ</span></div>
			<div><span>ィ</span><br /><span>ィ</span></div>
			<div><span>ゥ</span><br /><span>ゥ</span></div>
			<div><span>ェ</span><br /><span>ェ</span></div>
			<div><span>ォ</span><br /><span>ォ</span></div>
			<div><span>ャ</span><br /><span>ャ</span></div>
			<div><span>ュ</span><br /><span>ュ</span></div>
			<div><span>ョ</span><br /><span>ョ</span></div>
			<div><span>ッ</span><br /><span>ッ</span></div>
			<div><span>ー</span><br /><span>ー</span></div>

			<div><span>ア</span><br /><span>ア</span></div>
			<div><span>イ</span><br /><span>イ</span></div>
			<div><span>ウ</span><br /><span>ウ</span></div>
			<div><span>エ</span><br /><span>エ</span></div>
			<div><span>オ</span><br /><span>オ</span></div>
			<div><span>カ</span><br /><span>カ</span></div>
			<div><span>キ</span><br /><span>キ</span></div>
			<div><span>ク</span><br /><span>ク</span></div>
			<div><span>ケ</span><br /><span>ケ</span></div>
			<div><span>コ</span><br /><span>コ</span></div>
			<div><span>サ</span><br /><span>サ</span></div>
			<div><span>シ</span><br /><span>シ</span></div>
			<div><span>ス</span><br /><span>ス</span></div>
			<div><span>セ</span><br /><span>セ</span></div>
			<div><span>ソ</span><br /><span>ソ</span></div>
			<div><span>タ</span><br /><span>タ</span></div>
			<div><span>チ</span><br /><span>チ</span></div>
			<div><span>ツ</span><br /><span>ツ</span></div>
			<div><span>テ</span><br /><span>テ</span></div>
			<div><span>ト</span><br /><span>ト</span></div>
			<div><span>ナ</span><br /><span>ナ</span></div>
			<div><span>ニ</span><br /><span>ニ</span></div>
			<div><span>ヌ</span><br /><span>ヌ</span></div>
			<div><span>ネ</span><br /><span>ネ</span></div>
			<div><span>ノ</span><br /><span>ノ</span></div>
			<div><span>ハ</span><br /><span>ハ</span></div>
			<div><span>ヒ</span><br /><span>ヒ</span></div>
			<div><span>フ</span><br /><span>フ</span></div>
			<div><span>ヘ</span><br /><span>ヘ</span></div>
			<div><span>ホ</span><br /><span>ホ</span></div>
			<div><span>マ</span><br /><span>マ</span></div>
			<div><span>ミ</span><br /><span>ミ</span></div>
			<div><span>ム</span><br /><span>ム</span></div>
			<div><span>メ</span><br /><span>メ</span></div>
			<div><span>モ</span><br /><span>モ</span></div>
			<div><span>ヤ</span><br /><span>ヤ</span></div>
			<div><span>ユ</span><br /><span>ユ</span></div>
			<div><span>ヨ</span><br /><span>ヨ</span></div>
			<div><span>ラ</span><br /><span>ラ</span></div>
			<div><span>リ</span><br /><span>リ</span></div>
			<div><span>ル</span><br /><span>ル</span></div>
			<div><span>レ</span><br /><span>レ</span></div>
			<div><span>ロ</span><br /><span>ロ</span></div>
			<div><span>ワ</span><br /><span>ワ</span></div>
			<div><span>ン</span><br /><span>ン</span></div>

			<div><span>&nbsp;&#x3099;</span><br /><span>&nbsp;゙</span></div>
			<div><span>&nbsp;&#x309A;</span><br /><span>&nbsp;゚</span></div>

		<!-- HALFWIDTH HANGUL -->
			<div>[<span>&#x3164;</span>]<br />[<span>&#xFFA0;</span>]</div>	        <!-- HANGUL FILLER -->
			<div><span>ㄱ</span><br /><span>ᄀ</span></div>				<!-- HANGUL LETTER KIYEOK -->
			<div><span>ㄲ</span><br /><span>ᄁ</span></div>				<!-- HANGUL LETTER SSANGKIYEOK -->
			<div><span>ㄳ</span><br /><span>ᆪ</span></div>				<!-- HANGUL LETTER KIYEOK-SIOS -->
			<div><span>ㄴ</span><br /><span>ᄂ</span></div>				<!-- HANGUL LETTER NIEUN -->
			<div><span>ㄵ</span><br /><span>ᆬ</span></div>				<!-- HANGUL LETTER NIEUN-CIEUC -->
			<div><span>ㄶ</span><br /><span>ᆭ</span></div>				<!-- HANGUL LETTER NIEUN-HIEUH -->
			<div><span>ㄷ</span><br /><span>ᄃ</span></div>				<!-- HANGUL LETTER TIKEUT -->
			<div><span>ㄸ</span><br /><span>ᄄ</span></div>				<!-- HANGUL LETTER SSANGTIKEUT -->
			<div><span>ㄹ</span><br /><span>ᄅ</span></div>				<!-- HANGUL LETTER RIEUL -->
			<div><span>ㄺ</span><br /><span>ᆰ</span></div>				<!-- HANGUL LETTER RIEUL-KIYEOK -->
			<div><span>ㄻ</span><br /><span>ᆱ</span></div>				<!-- HANGUL LETTER RIEUL-MIEUM -->
			<div><span>ㄼ</span><br /><span>ᆲ</span></div>				<!-- HANGUL LETTER RIEUL-PIEUP -->
			<div><span>ㄽ</span><br /><span>ᆳ</span></div>				<!-- HANGUL LETTER RIEUL-SIOS -->
			<div><span>ㄾ</span><br /><span>ᆴ</span></div>				<!-- HANGUL LETTER RIEUL-THIEUTH -->
			<div><span>ㄿ</span><br /><span>ᆵ</span></div>				<!-- HANGUL LETTER RIEUL-PHIEUPH -->
			<div><span>ㅀ</span><br /><span>ᄚ</span></div>				<!-- HANGUL LETTER RIEUL-HIEUH -->
			<div><span>ㅁ</span><br /><span>ᄆ</span></div>				<!-- HANGUL LETTER MIEUM -->
			<div><span>ㅂ</span><br /><span>ᄇ</span></div>				<!-- HANGUL LETTER PIEUP -->
			<div><span>ㅃ</span><br /><span>ᄈ</span></div>				<!-- HANGUL LETTER SSANGPIEUP -->
			<div><span>ㅄ</span><br /><span>ᄡ</span></div>				<!-- HANGUL LETTER PIEUP-SIOS -->
			<div><span>ㅅ</span><br /><span>ᄉ</span></div>				<!-- HANGUL LETTER SIOS -->
			<div><span>ㅆ</span><br /><span>ᄊ</span></div>				<!-- HANGUL LETTER SSANGSIOS -->
			<div><span>ㅇ</span><br /><span>ᄋ</span></div>				<!-- HANGUL LETTER IEUNG -->
			<div><span>ㅈ</span><br /><span>ᄌ</span></div>				<!-- HANGUL LETTER CIEUC -->
			<div><span>ㅉ</span><br /><span>ᄍ</span></div>				<!-- HANGUL LETTER SSANGCIEUC -->
			<div><span>ㅊ</span><br /><span>ᄎ</span></div>				<!-- HANGUL LETTER CHIEUCH -->
			<div><span>ㅋ</span><br /><span>ᄏ</span></div>				<!-- HANGUL LETTER KHIEUKH -->
			<div><span>ㅌ</span><br /><span>ᄐ</span></div>				<!-- HANGUL LETTER THIEUTH -->
			<div><span>ㅍ</span><br /><span>ᄑ</span></div>				<!-- HANGUL LETTER PHIEUPH -->
			<div><span>ㅎ</span><br /><span>ᄒ</span></div>				<!-- HANGUL LETTER HIEUH -->
			<div><span>ㅏ</span><br /><span>ᅡ</span></div>				<!-- HANGUL LETTER A -->
			<div><span>ㅐ</span><br /><span>ᅢ</span></div>				<!-- HANGUL LETTER AE -->
			<div><span>ㅑ</span><br /><span>ᅣ</span></div>				<!-- HANGUL LETTER YA -->
			<div><span>ㅒ</span><br /><span>ᅤ</span></div>				<!-- HANGUL LETTER YAE -->
			<div><span>ㅓ</span><br /><span>ᅥ</span></div>				<!-- HANGUL LETTER EO -->
			<div><span>ㅔ</span><br /><span>ᅦ</span></div>				<!-- HANGUL LETTER E -->

			<div><span>ㅕ</span><br /><span>ᅧ</span></div>				<!-- HANGUL LETTER YEO -->
			<div><span>ㅖ</span><br /><span>ᅨ</span></div>				<!-- HANGUL LETTER YE -->
			<div><span>ㅗ</span><br /><span>ᅩ</span></div>				<!-- HANGUL LETTER O -->
			<div><span>ㅘ</span><br /><span>ᅪ</span></div>				<!-- HANGUL LETTER WA -->
			<div><span>ㅙ</span><br /><span>ᅫ</span></div>				<!-- HANGUL LETTER WAE -->
			<div><span>ㅚ</span><br /><span>ᅬ</span></div>				<!-- HANGUL LETTER OE -->

			<div><span>ㅛ</span><br /><span>ᅭ</span></div>				<!-- HANGUL LETTER YO -->
			<div><span>ㅜ</span><br /><span>ᅮ</span></div>				<!-- HANGUL LETTER U -->
			<div><span>ㅝ</span><br /><span>ᅯ</span></div>				<!-- HANGUL LETTER WEO -->
			<div><span>ㅞ</span><br /><span>ᅰ</span></div>				<!-- HANGUL LETTER WE -->
			<div><span>ㅟ</span><br /><span>ᅱ</span></div>				<!-- HANGUL LETTER WI -->
			<div><span>ㅠ</span><br /><span>ᅲ</span></div>				<!-- HANGUL LETTER YU -->

			<div><span>ㅡ</span><br /><span>ᅳ</span></div>				<!-- HANGUL LETTER EU -->
			<div><span>ㅢ</span><br /><span>ᅴ</span></div>				<!-- HANGUL LETTER YI -->
			<div><span>ㅣ</span><br /><span>ᅵ</span></div>				<!-- HANGUL LETTER I -->

		<!-- FULLWIDTH SIGN -->
			<div><span>¢</span><br /><span>¢</span></div>				<!-- CENT SIGN -->
			<div><span>£</span><br /><span>£</span></div>				<!-- POUND SIGN -->
			<div><span>¬</span><br /><span>¬</span></div>				<!-- NOT SIGN -->
			<div><span> ̄</span><br /><span>¯</span></div>				<!-- MACRON -->
			<div><span>¦</span><br /><span>¦</span></div>				<!-- BROKEN BAR -->
			<div><span>¥</span><br /><span>¥</span></div>				<!-- YEN SIGN -->
			<div><span>₩</span><br /><span>₩</span></div>				<!-- WON SIGN -->

		<!-- HALFWIDTH SIGN -->
			<div><span>│</span><br /><span>│</span></div>				<!-- FORMS LIGHT VERTICAL -->
			<div><span>←</span><br /><span>←</span></div>				<!-- LEFTWARDS ARROW -->
			<div><span>↑</span><br /><span>↑</span></div>				<!-- UPWARDS ARROW -->
			<div><span>→</span><br /><span>→</span></div>				<!-- RIGHTWARDS ARROW -->
			<div><span>↓</span><br /><span>↓</span></div>				<!-- DOWNWARDS ARROW -->
			<div><span>■</span><br /><span>■</span></div>					<!-- BLACK SQUARE -->
			<div><span>○</span><br /><span>○</span></div>					<!-- WHITE CIRCLE -->

		<!-- HALFWIDTH LATIN -->
			<div><span>A</span><br /><span>A</span></div>
			<div><span>B</span><br /><span>B</span></div>
			<div><span>C</span><br /><span>C</span></div>

			<div><span>a</span><br /><span>a</span></div>
			<div><span>b</span><br /><span>b</span></div>
			<div><span>c</span><br /><span>c</span></div>

		<!-- FULLWIDTH KANA -->
			<div><span>あ</span><br /><span>あ</span></div>
			<div><span>い</span><br /><span>い</span></div>
			<div><span>う</span><br /><span>う</span></div>
			<div><span>え</span><br /><span>え</span></div>
			<div><span>お</span><br /><span>お</span></div>

			<div><span>ア</span><br /><span>ア</span></div>
			<div><span>イ</span><br /><span>イ</span></div>
			<div><span>ウ</span><br /><span>ウ</span></div>
			<div><span>エ</span><br /><span>エ</span></div>
			<div><span>オ</span><br /><span>オ</span></div>
		</div>
	</body>
</html>

/css/css-text/text-transform/reference/text-transform-fullwidth-001-ref.xht

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>CSS Test: text-transform - fullwidth - basic cases Reftest Reference</title>
		<link rel="author" title="Satoshi Umehara" href="mailto:umehara@est.co.jp" />
		<style type="text/css">
			<![CDATA[
			        @font-face {
					font-family: 'mplus-1p-regular';
					src: url('/fonts/mplus-1p-regular.woff') format('woff');
			        }
				span {
					font-family: 'mplus-1p-regular';
					background-color: cyan;
				}
				.test {
					color: Blue;
					line-height: 1.1em;
				}
				.test div {
					display: inline-block;
					margin-bottom: .5em;
					text-align: center;
					white-space: nowrap;
				}
			]]>
		</style>
	</head>
	<body>
		<p>
			Test passes if the upper character in each pair matches the lower one in both shape <strong>and size</strong>.
		</p>
		<div class="test">

		<!-- FULLWIDTH LATIN -->
			<div>[<span> </span>]<br />[<span> </span>]</div>
			<div><span>!</span><br /><span>!</span></div>
			<div><span>"</span><br /><span>"</span></div>
			<div><span>#</span><br /><span>#</span></div>
			<div><span>$</span><br /><span>$</span></div>
			<div><span>%</span><br /><span>%</span></div>
			<div><span>&</span><br /><span>&</span></div>
			<div><span>'</span><br /><span>'</span></div>
			<div><span>(</span><br /><span>(</span></div>
			<div><span>)</span><br /><span>)</span></div>
			<div><span>*</span><br /><span>*</span></div>
			<div><span>+</span><br /><span>+</span></div>
			<div><span>,</span><br /><span>,</span></div>
			<div><span>-</span><br /><span>-</span></div>
			<div><span>.</span><br /><span>.</span></div>
			<div><span>/</span><br /><span>/</span></div>

			<div><span>0</span><br /><span>0</span></div>
			<div><span>1</span><br /><span>1</span></div>
			<div><span>2</span><br /><span>2</span></div>
			<div><span>3</span><br /><span>3</span></div>
			<div><span>4</span><br /><span>4</span></div>
			<div><span>5</span><br /><span>5</span></div>
			<div><span>6</span><br /><span>6</span></div>
			<div><span>7</span><br /><span>7</span></div>
			<div><span>8</span><br /><span>8</span></div>
			<div><span>9</span><br /><span>9</span></div>

			<div><span>:</span><br /><span>:</span></div>
			<div><span>;</span><br /><span>;</span></div>
			<div><span><</span><br /><span><</span></div>
			<div><span>=</span><br /><span>=</span></div>
			<div><span>></span><br /><span>></span></div>
			<div><span>?</span><br /><span>?</span></div>
			<div><span>@</span><br /><span>@</span></div>

			<div><span>A</span><br /><span>A</span></div>
			<div><span>B</span><br /><span>B</span></div>
			<div><span>C</span><br /><span>C</span></div>
			<div><span>D</span><br /><span>D</span></div>
			<div><span>E</span><br /><span>E</span></div>
			<div><span>F</span><br /><span>F</span></div>
			<div><span>G</span><br /><span>G</span></div>
			<div><span>H</span><br /><span>H</span></div>
			<div><span>I</span><br /><span>I</span></div>
			<div><span>J</span><br /><span>J</span></div>
			<div><span>K</span><br /><span>K</span></div>
			<div><span>L</span><br /><span>L</span></div>
			<div><span>M</span><br /><span>M</span></div>
			<div><span>N</span><br /><span>N</span></div>
			<div><span>O</span><br /><span>O</span></div>
			<div><span>P</span><br /><span>P</span></div>
			<div><span>Q</span><br /><span>Q</span></div>
			<div><span>R</span><br /><span>R</span></div>
			<div><span>S</span><br /><span>S</span></div>
			<div><span>T</span><br /><span>T</span></div>
			<div><span>U</span><br /><span>U</span></div>
			<div><span>V</span><br /><span>V</span></div>
			<div><span>W</span><br /><span>W</span></div>
			<div><span>X</span><br /><span>X</span></div>
			<div><span>Y</span><br /><span>Y</span></div>
			<div><span>Z</span><br /><span>Z</span></div>

			<div><span>[</span><br /><span>[</span></div>
			<div><span>\</span><br /><span>\</span></div>
			<div><span>]</span><br /><span>]</span></div>
			<div><span>^</span><br /><span>^</span></div>
			<div><span>_</span><br /><span>_</span></div>
			<div><span>`</span><br /><span>`</span></div>

			<div><span>a</span><br /><span>a</span></div>
			<div><span>b</span><br /><span>b</span></div>
			<div><span>c</span><br /><span>c</span></div>
			<div><span>d</span><br /><span>d</span></div>
			<div><span>e</span><br /><span>e</span></div>
			<div><span>f</span><br /><span>f</span></div>
			<div><span>g</span><br /><span>g</span></div>
			<div><span>h</span><br /><span>h</span></div>
			<div><span>i</span><br /><span>i</span></div>
			<div><span>j</span><br /><span>j</span></div>
			<div><span>k</span><br /><span>k</span></div>
			<div><span>l</span><br /><span>l</span></div>
			<div><span>m</span><br /><span>m</span></div>
			<div><span>n</span><br /><span>n</span></div>
			<div><span>o</span><br /><span>o</span></div>
			<div><span>p</span><br /><span>p</span></div>
			<div><span>q</span><br /><span>q</span></div>
			<div><span>r</span><br /><span>r</span></div>
			<div><span>s</span><br /><span>s</span></div>
			<div><span>t</span><br /><span>t</span></div>
			<div><span>u</span><br /><span>u</span></div>
			<div><span>v</span><br /><span>v</span></div>
			<div><span>w</span><br /><span>w</span></div>
			<div><span>x</span><br /><span>x</span></div>
			<div><span>y</span><br /><span>y</span></div>
			<div><span>z</span><br /><span>z</span></div>

			<div><span>{</span><br /><span>{</span></div>
			<div><span>|</span><br /><span>|</span></div>
			<div><span>}</span><br /><span>}</span></div>
			<div><span>~</span><br /><span>~</span></div>

			<div><span>⦅</span><br /><span>⦅</span></div>				<!-- LEFT WHITE PARENTHESIS -->
			<div><span>⦆</span><br /><span>⦆</span></div>				<!-- RIGHT WHITE PARENTHESIS -->

		<!-- HALFWIDTH KATAKANA -->
			<div><span>。</span><br /><span>。</span></div>
			<div><span>「</span><br /><span>「</span></div>
			<div><span>」</span><br /><span>」</span></div>
			<div><span>、</span><br /><span>、</span></div>
			<div><span>・</span><br /><span>・</span></div>

			<div><span>ヲ</span><br /><span>ヲ</span></div>
			<div><span>ァ</span><br /><span>ァ</span></div>
			<div><span>ィ</span><br /><span>ィ</span></div>
			<div><span>ゥ</span><br /><span>ゥ</span></div>
			<div><span>ェ</span><br /><span>ェ</span></div>
			<div><span>ォ</span><br /><span>ォ</span></div>
			<div><span>ャ</span><br /><span>ャ</span></div>
			<div><span>ュ</span><br /><span>ュ</span></div>
			<div><span>ョ</span><br /><span>ョ</span></div>
			<div><span>ッ</span><br /><span>ッ</span></div>
			<div><span>ー</span><br /><span>ー</span></div>

			<div><span>ア</span><br /><span>ア</span></div>
			<div><span>イ</span><br /><span>イ</span></div>
			<div><span>ウ</span><br /><span>ウ</span></div>
			<div><span>エ</span><br /><span>エ</span></div>
			<div><span>オ</span><br /><span>オ</span></div>
			<div><span>カ</span><br /><span>カ</span></div>
			<div><span>キ</span><br /><span>キ</span></div>
			<div><span>ク</span><br /><span>ク</span></div>
			<div><span>ケ</span><br /><span>ケ</span></div>
			<div><span>コ</span><br /><span>コ</span></div>
			<div><span>サ</span><br /><span>サ</span></div>
			<div><span>シ</span><br /><span>シ</span></div>
			<div><span>ス</span><br /><span>ス</span></div>
			<div><span>セ</span><br /><span>セ</span></div>
			<div><span>ソ</span><br /><span>ソ</span></div>
			<div><span>タ</span><br /><span>タ</span></div>
			<div><span>チ</span><br /><span>チ</span></div>
			<div><span>ツ</span><br /><span>ツ</span></div>
			<div><span>テ</span><br /><span>テ</span></div>
			<div><span>ト</span><br /><span>ト</span></div>
			<div><span>ナ</span><br /><span>ナ</span></div>
			<div><span>ニ</span><br /><span>ニ</span></div>
			<div><span>ヌ</span><br /><span>ヌ</span></div>
			<div><span>ネ</span><br /><span>ネ</span></div>
			<div><span>ノ</span><br /><span>ノ</span></div>
			<div><span>ハ</span><br /><span>ハ</span></div>
			<div><span>ヒ</span><br /><span>ヒ</span></div>
			<div><span>フ</span><br /><span>フ</span></div>
			<div><span>ヘ</span><br /><span>ヘ</span></div>
			<div><span>ホ</span><br /><span>ホ</span></div>
			<div><span>マ</span><br /><span>マ</span></div>
			<div><span>ミ</span><br /><span>ミ</span></div>
			<div><span>ム</span><br /><span>ム</span></div>
			<div><span>メ</span><br /><span>メ</span></div>
			<div><span>モ</span><br /><span>モ</span></div>
			<div><span>ヤ</span><br /><span>ヤ</span></div>
			<div><span>ユ</span><br /><span>ユ</span></div>
			<div><span>ヨ</span><br /><span>ヨ</span></div>
			<div><span>ラ</span><br /><span>ラ</span></div>
			<div><span>リ</span><br /><span>リ</span></div>
			<div><span>ル</span><br /><span>ル</span></div>
			<div><span>レ</span><br /><span>レ</span></div>
			<div><span>ロ</span><br /><span>ロ</span></div>
			<div><span>ワ</span><br /><span>ワ</span></div>
			<div><span>ン</span><br /><span>ン</span></div>

			<div><span>&nbsp;&#x3099;</span><br /><span>&nbsp;&#x3099;</span></div>
			<div><span>&nbsp;&#x309A;</span><br /><span>&nbsp;&#x309A;</span></div>

		<!-- HALFWIDTH HANGUL -->
			<div>[<span>&#x3164;</span>]<br />[<span>&#x3164;</span>]</div>	        <!-- HANGUL FILLER -->
			<div><span>ㄱ</span><br /><span>ㄱ</span></div>				<!-- HANGUL LETTER KIYEOK -->
			<div><span>ㄲ</span><br /><span>ㄲ</span></div>				<!-- HANGUL LETTER SSANGKIYEOK -->
			<div><span>ㄳ</span><br /><span>ㄳ</span></div>				<!-- HANGUL LETTER KIYEOK-SIOS -->
			<div><span>ㄴ</span><br /><span>ㄴ</span></div>				<!-- HANGUL LETTER NIEUN -->
			<div><span>ㄵ</span><br /><span>ㄵ</span></div>				<!-- HANGUL LETTER NIEUN-CIEUC -->
			<div><span>ㄶ</span><br /><span>ㄶ</span></div>				<!-- HANGUL LETTER NIEUN-HIEUH -->
			<div><span>ㄷ</span><br /><span>ㄷ</span></div>				<!-- HANGUL LETTER TIKEUT -->
			<div><span>ㄸ</span><br /><span>ㄸ</span></div>				<!-- HANGUL LETTER SSANGTIKEUT -->
			<div><span>ㄹ</span><br /><span>ㄹ</span></div>				<!-- HANGUL LETTER RIEUL -->
			<div><span>ㄺ</span><br /><span>ㄺ</span></div>				<!-- HANGUL LETTER RIEUL-KIYEOK -->
			<div><span>ㄻ</span><br /><span>ㄻ</span></div>				<!-- HANGUL LETTER RIEUL-MIEUM -->
			<div><span>ㄼ</span><br /><span>ㄼ</span></div>				<!-- HANGUL LETTER RIEUL-PIEUP -->
			<div><span>ㄽ</span><br /><span>ㄽ</span></div>				<!-- HANGUL LETTER RIEUL-SIOS -->
			<div><span>ㄾ</span><br /><span>ㄾ</span></div>				<!-- HANGUL LETTER RIEUL-THIEUTH -->
			<div><span>ㄿ</span><br /><span>ㄿ</span></div>				<!-- HANGUL LETTER RIEUL-PHIEUPH -->
			<div><span>ㅀ</span><br /><span>ㅀ</span></div>				<!-- HANGUL LETTER RIEUL-HIEUH -->
			<div><span>ㅁ</span><br /><span>ㅁ</span></div>				<!-- HANGUL LETTER MIEUM -->
			<div><span>ㅂ</span><br /><span>ㅂ</span></div>				<!-- HANGUL LETTER PIEUP -->
			<div><span>ㅃ</span><br /><span>ㅃ</span></div>				<!-- HANGUL LETTER SSANGPIEUP -->
			<div><span>ㅄ</span><br /><span>ㅄ</span></div>				<!-- HANGUL LETTER PIEUP-SIOS -->
			<div><span>ㅅ</span><br /><span>ㅅ</span></div>				<!-- HANGUL LETTER SIOS -->
			<div><span>ㅆ</span><br /><span>ㅆ</span></div>				<!-- HANGUL LETTER SSANGSIOS -->
			<div><span>ㅇ</span><br /><span>ㅇ</span></div>				<!-- HANGUL LETTER IEUNG -->
			<div><span>ㅈ</span><br /><span>ㅈ</span></div>				<!-- HANGUL LETTER CIEUC -->
			<div><span>ㅉ</span><br /><span>ㅉ</span></div>				<!-- HANGUL LETTER SSANGCIEUC -->
			<div><span>ㅊ</span><br /><span>ㅊ</span></div>				<!-- HANGUL LETTER CHIEUCH -->
			<div><span>ㅋ</span><br /><span>ㅋ</span></div>				<!-- HANGUL LETTER KHIEUKH -->
			<div><span>ㅌ</span><br /><span>ㅌ</span></div>				<!-- HANGUL LETTER THIEUTH -->
			<div><span>ㅍ</span><br /><span>ㅍ</span></div>				<!-- HANGUL LETTER PHIEUPH -->
			<div><span>ㅎ</span><br /><span>ㅎ</span></div>				<!-- HANGUL LETTER HIEUH -->
			<div><span>ㅏ</span><br /><span>ㅏ</span></div>				<!-- HANGUL LETTER A -->
			<div><span>ㅐ</span><br /><span>ㅐ</span></div>				<!-- HANGUL LETTER AE -->
			<div><span>ㅑ</span><br /><span>ㅑ</span></div>				<!-- HANGUL LETTER YA -->
			<div><span>ㅒ</span><br /><span>ㅒ</span></div>				<!-- HANGUL LETTER YAE -->
			<div><span>ㅓ</span><br /><span>ㅓ</span></div>				<!-- HANGUL LETTER EO -->
			<div><span>ㅔ</span><br /><span>ㅔ</span></div>				<!-- HANGUL LETTER E -->

			<div><span>ㅕ</span><br /><span>ㅕ</span></div>				<!-- HANGUL LETTER YEO -->
			<div><span>ㅖ</span><br /><span>ㅖ</span></div>				<!-- HANGUL LETTER YE -->
			<div><span>ㅗ</span><br /><span>ㅗ</span></div>				<!-- HANGUL LETTER O -->
			<div><span>ㅘ</span><br /><span>ㅘ</span></div>				<!-- HANGUL LETTER WA -->
			<div><span>ㅙ</span><br /><span>ㅙ</span></div>				<!-- HANGUL LETTER WAE -->
			<div><span>ㅚ</span><br /><span>ㅚ</span></div>				<!-- HANGUL LETTER OE -->

			<div><span>ㅛ</span><br /><span>ㅛ</span></div>				<!-- HANGUL LETTER YO -->
			<div><span>ㅜ</span><br /><span>ㅜ</span></div>				<!-- HANGUL LETTER U -->
			<div><span>ㅝ</span><br /><span>ㅝ</span></div>				<!-- HANGUL LETTER WEO -->
			<div><span>ㅞ</span><br /><span>ㅞ</span></div>				<!-- HANGUL LETTER WE -->
			<div><span>ㅟ</span><br /><span>ㅟ</span></div>				<!-- HANGUL LETTER WI -->
			<div><span>ㅠ</span><br /><span>ㅠ</span></div>				<!-- HANGUL LETTER YU -->

			<div><span>ㅡ</span><br /><span>ㅡ</span></div>				<!-- HANGUL LETTER EU -->
			<div><span>ㅢ</span><br /><span>ㅢ</span></div>				<!-- HANGUL LETTER YI -->
			<div><span>ㅣ</span><br /><span>ㅣ</span></div>				<!-- HANGUL LETTER I -->

		<!-- FULLWIDTH SIGN -->
			<div><span>¢</span><br /><span>¢</span></div>				<!-- CENT SIGN -->
			<div><span>£</span><br /><span>£</span></div>				<!-- POUND SIGN -->
			<div><span>¬</span><br /><span>¬</span></div>				<!-- NOT SIGN -->
			<div><span> ̄</span><br /><span> ̄</span></div>				<!-- MACRON -->
			<div><span>¦</span><br /><span>¦</span></div>				<!-- BROKEN BAR -->
			<div><span>¥</span><br /><span>¥</span></div>				<!-- YEN SIGN -->
			<div><span>₩</span><br /><span>₩</span></div>				<!-- WON SIGN -->

		<!-- HALFWIDTH SIGN -->
			<div><span>│</span><br /><span>│</span></div>				<!-- FORMS LIGHT VERTICAL -->
			<div><span>←</span><br /><span>←</span></div>				<!-- LEFTWARDS ARROW -->
			<div><span>↑</span><br /><span>↑</span></div>				<!-- UPWARDS ARROW -->
			<div><span>→</span><br /><span>→</span></div>				<!-- RIGHTWARDS ARROW -->
			<div><span>↓</span><br /><span>↓</span></div>				<!-- DOWNWARDS ARROW -->
			<div><span>■</span><br /><span>■</span></div>					<!-- BLACK SQUARE -->
			<div><span>○</span><br /><span>○</span></div>				<!-- WHITE CIRCLE -->

		<!-- HALFWIDTH LATIN -->
			<div><span>A</span><br /><span>A</span></div>
			<div><span>B</span><br /><span>B</span></div>
			<div><span>C</span><br /><span>C</span></div>

			<div><span>a</span><br /><span>a</span></div>
			<div><span>b</span><br /><span>b</span></div>
			<div><span>c</span><br /><span>c</span></div>

		<!-- FULLWIDTH KANA -->
			<div><span>あ</span><br /><span>あ</span></div>
			<div><span>い</span><br /><span>い</span></div>
			<div><span>う</span><br /><span>う</span></div>
			<div><span>え</span><br /><span>え</span></div>
			<div><span>お</span><br /><span>お</span></div>

			<div><span>ア</span><br /><span>ア</span></div>
			<div><span>イ</span><br /><span>イ</span></div>
			<div><span>ウ</span><br /><span>ウ</span></div>
			<div><span>エ</span><br /><span>エ</span></div>
			<div><span>オ</span><br /><span>オ</span></div>
		</div>
	</body>
</html>