diff --git a/Codes.xml b/Codes.xml
index 0a323a9..c1a6c8d 100644
--- a/Codes.xml
+++ b/Codes.xml
@@ -1237,12 +1237,9 @@
         <title lang="en-US">Quarterframe Timer</title>
         <title lang="ja-JP">QFタイマー</title>
         <author>Noki Doki, sup39(サポミク)</author>
-        <version>1.4</version>
-        <date>Dec 16, 2022</date>
-        <dependencies version="GMSJ01">drawText</dependencies>
-        <dependencies version="GMSE01">drawText</dependencies>
-        <dependencies version="GMSP01">drawText</dependencies>
-        <dependencies version="GMSJ0A">drawText</dependencies>
+        <version>1.5</version>
+        <date>Jan 28, 2023</date>
+        <dependencies>drawText</dependencies>
         <description lang="en-US">
         Adds an in-game timer to every level, starting on the last black frame of the 
         loading screen and ending as soon as the 'Shine Get' animation starts 
@@ -1260,8 +1257,8 @@
             41820010 B00700B2
             3800FFFC 900700B4
             60000000 00000000
-            C2206738 0000001F
-            3C60817F 6064011C
+            C22069E0 0000001B
+            3C60817F 60640120
             38630094 3D808020
             398C1EA8 7D8803A6
             4E800021 3C60817F
@@ -1277,20 +1274,16 @@
             40A00010 7CE83B78
             98E300B2 90E300B4
             1D0803E9 38000078
-            7D080396 9421FFF0
-            380003E8 7CE80396
-            7C0701D6 7D004050
-            91010008 3800003C
-            7D270396 7C0901D6
-            7D403850 80E30118
-            390300A4 80C30114
-            3D80817F 80A30110
-            618C0238 808300A0
-            7D8803A6 80630094
-            4E800021 38210010
-            38610E90 3D808003
-            398C5228 7D8803A6
-            4E800021 881F0046
+            7D080396 380003E8
+            7D280396 7C0901D6
+            7CE04050 3800003C
+            7CA90396 7C0501D6
+            7CC04850 3D80817F
+            618C0238 7D8803A6
+            388300A4 38630110
+            4E800021 38610E90
+            3D808003 398C5228
+            7D8803A6 4E800021
             60000000 00000000
             C20EFA30 00000005
             3CA0817F A00500B2
@@ -1337,8 +1330,8 @@
             41820010 B00700B2
             3800FFFC 900700B4
             60000000 00000000
-            C2143F18 0000001F
-            3C60817F 6064011C
+            C21441C0 0000001B
+            3C60817F 60640120
             38630094 3D808014
             398C0390 7D8803A6
             4E800021 3C60817F
@@ -1354,20 +1347,16 @@
             40A00010 7CE83B78
             98E300B2 90E300B4
             1D0803E9 38000078
-            7D080396 9421FFF0
-            380003E8 7CE80396
-            7C0701D6 7D004050
-            91010008 3800003C
-            7D270396 7C0901D6
-            7D403850 80E30118
-            390300A4 80C30114
-            3D80817F 80A30110
-            618C0238 808300A0
-            7D8803A6 80630094
-            4E800021 38210010
-            38610BD0 3D80802F
-            398CB6BC 7D8803A6
-            4E800021 881F0046
+            7D080396 380003E8
+            7D280396 7C0901D6
+            7CE04050 3800003C
+            7CA90396 7C0501D6
+            7CC04850 3D80817F
+            618C0238 7D8803A6
+            388300A4 38630110
+            4E800021 38610BD0
+            3D80802F 398CB6BC
+            7D8803A6 4E800021
             60000000 00000000
             C229C520 00000005
             3CA0817F A00500B2
@@ -1414,8 +1403,8 @@
             41820010 B00700B2
             3800FFFC 900700B4
             60000000 00000000
-            C2138B54 0000001F
-            3C60817F 6064011C
+            C2138DFC 0000001B
+            3C60817F 60640120
             38630094 3D808013
             398C4F0C 7D8803A6
             4E800021 3C60817F
@@ -1431,20 +1420,16 @@
             40A00010 7CE83B78
             98E300B2 90E300B4
             1D0803E9 38000078
-            7D080396 9421FFF0
-            380003E8 7CE80396
-            7C0701D6 7D004050
-            91010008 3800003C
-            7D270396 7C0901D6
-            7D403850 80E30118
-            390300A4 80C30114
-            3D80817F 80A30110
-            618C0238 808300A0
-            7D8803A6 80630094
-            4E800021 38210010
-            38610BE4 3D80802E
-            398C3864 7D8803A6
-            4E800021 881F0046
+            7D080396 380003E8
+            7D280396 7C0901D6
+            7CE04050 3800003C
+            7CA90396 7C0501D6
+            7CC04850 3D80817F
+            618C0238 7D8803A6
+            388300A4 38630110
+            4E800021 38610BE4
+            3D80802E 398C3864
+            7D8803A6 4E800021
             60000000 00000000
             C22943FC 00000005
             3CA0817F A00500B2
@@ -1491,8 +1476,8 @@
             41820010 B00700B2
             3800FFFC 900700B4
             60000000 00000000
-            C21252A4 0000001F
-            3C60817F 6064011C
+            C212554C 0000001B
+            3C60817F 60640120
             38630094 3D808012
             398C1660 7D8803A6
             4E800021 3C60817F
@@ -1508,20 +1493,16 @@
             40A00010 7CE83B78
             98E300B2 90E300B4
             1D0803E9 38000078
-            7D080396 9421FFF0
-            380003E8 7CE80396
-            7C0701D6 7D004050
-            91010008 3800003C
-            7D270396 7C0901D6
-            7D403850 80E30118
-            390300A4 80C30114
-            3D80817F 80A30110
-            618C0238 808300A0
-            7D8803A6 80630094
-            4E800021 38210010
-            38610BEC 3D80802D
-            398CAECC 7D8803A6
-            4E800021 881F0046
+            7D080396 380003E8
+            7D280396 7C0901D6
+            7CE04050 3800003C
+            7CA90396 7C0501D6
+            7CC04850 3D80817F
+            618C0238 7D8803A6
+            388300A4 38630110
+            4E800021 38610BEC
+            3D80802D 398CAECC
+            7D8803A6 4E800021
             60000000 00000000
             C227C214 00000005
             3CA0817F A00500B2
@@ -2793,447 +2774,18 @@
             60000000 00000000
         </source>
     </code>
-    <code>
-        <category>metadata</category>
-        <id>PASDisplay</id>
-        <title lang="en-US">Position/angle/speed display</title>
-        <title lang="de-CH">Position/Winkel/Geschw. Display</title>
-        <title lang="fr-FR">Affichage de position/angle/vitesse</title>
-        <title lang="ja-JP">位置/角度/速度表示</title>
-        <author>Noki Doki, sup39(サポミク)</author>
-        <version>1.4</version>
-        <date>Mar 24, 2022</date>
-        <dependencies version="GMSJ01">drawText</dependencies>
-        <dependencies version="GMSJ0A">drawText</dependencies>
-        <description lang="en-US">
-        Shows Mario's position, angle and speed at any given time.
-        
-        ::: warning
-        This code is not compatible with the Speed Display code. 
-        :::
-        </description>
-        <description lang="de-CH">
-        Zeigt Mario's Position, Winkel und Geschwindigkeit jederzeit auf dem Bildschirm an.
-
-        ::: warning
-        Dieser Code ist nicht kompatibel mit dem Geschwindigkeits-Display Code
-        :::
-        </description>
-        <description lang="fr-FR">Affiche la position, l'angle et la vitesse de Mario à tout moment.</description>
-        <description lang="ja-JP">常に「マリオの位置」「マリオの角度」「マリオの速度」を表示します。</description>
-        <source version="GMSE01">
-            062A6160 00000010
-            49553F19 60000000
-            60000000 60000000
-            042998B8 49560749
-            04143F14 496B6209
-            077FA000 000001E8
-            9421FFE0 7C0802A6
-            90010024 93E1001C
-            4AABD6E5 38E00200
-            38C00320 38A0FFD8
-            3880000A 38610008
-            4AAD01B9 814D9FC8
-            3FE08180 3BFFA1EC
-            39200000 39000002
-            3CE08180 38E7A164
-            80CA0048 38A10008
-            38800000 7FE3FB78
-            4AAD67F1 39200001
-            913F01B0 80010024
-            7C0803A6 83E1001C
-            38210020 4E800020
-            9421FFE8 7C0802A6
-            9001001C 93A1000C
-            93C10010 93E10014
-            7C7F1B78 81230000
-            83A90064 3D208180
-            8129A39C 2F890000
-            409E002C 7FE3FB78
-            7FA903A6 4E800421
-            8001001C 7C0803A6
-            83A1000C 83C10010
-            83E10014 38210018
-            4E800020 3D208040
-            6129E0E8 83C90000
-            3C608180 3863A1EC
-            4AAD6B79 C0BE00A8
-            C09E00B0 A0DE0096
-            C07E0018 C05E0014
-            C03E0010 3CA08180
-            38A5A164 38800080
-            4CC63242 4AB3F691
-            4BFFFF94 9421FFF0
-            7C0802A6 90010014
-            93E1000C 7C7F1B78
-            4AAF158D 38E00081
-            7FE6FB78 38A00000
-            38800000 3C608180
-            3863A1EC 4AAD5C5D
-            80010014 7C0803A6
-            83E1000C 38210010
-            4E800020 5820506F
-            7320252E 30660A59
-            20506F73 20252E30
-            660A5A20 506F7320
-            252E3066 0A416E67
-            6C652025 68750A48
-            20537064 20252E32
-            660A5620 53706420
-            252E3266 20202020
-            20202020 20202020
-            20202020 20202020
-            20202020 20202020
-            20202020 20202020
-            20202020 20202020
-            20202020 20202020
-            20202020 20202020
-            20202000 00000000
-            C22A66F4 00000003
-            38600000 3D808180
-            906CA39C 807F0040
-            60000000 00000000
-        </source>
-        <source version="GMSJ01">
-            04206734 495F38CD
-            077FA000 000000B5
-            9421FFF0 7C0802A6
-            90010014 93E1000C
-            7C7F1B78 4A83B215
-            3D208041 8149A378
-            3D008180 38600010
-            3908A074 C0AA00A8
-            38E0FFFF C08A00B0
-            38C0FFFF A12A0096
-            38A00014 C06A0018
-            388000C8 C04A0014
-            C02A0010 4CC63242
-            4BFF61E1 80010014
-            7FE3FB78 83E1000C
-            7C0803A6 38210010
-            4A83B1B8 5820506F
-            7320252E 30660A59
-            20506F73 20252E30
-            660A5A20 506F7320
-            252E3066 0A416E67
-            6C652025 68750A48
-            20537064 20252E32
-            660A5620 53706420
-            252E3266 00000000
-        </source>
-        <source version="GMSJ0A">
-            041252A0 496D4D61
-            077FA000 000000B5
-            9421FFF0 7C0802A6
-            90010014 93E1000C
-            7C7F1B78 4AAD0EB9
-            3D208040 8149EF88
-            3D008180 38600010
-            3908A074 C0AA00A8
-            38E0FFFF C08A00B0
-            38C0FFFF A12A0096
-            38A00014 C06A0018
-            388000C8 C04A0014
-            C02A0010 4CC63242
-            4BFF61E1 80010014
-            7FE3FB78 83E1000C
-            7C0803A6 38210010
-            4AAD0E5C 5820506F
-            7320252E 30660A59
-            20506F73 20252E30
-            660A5A20 506F7320
-            252E3066 0A416E67
-            6C652025 68750A48
-            20537064 20252E32
-            660A5620 53706420
-            252E326600000000
-        </source>
-        <source version="GMSP01">
-            0629E070 00000010
-            4955C009 60000000
-            60000000 60000000
-            04291750 495688B1
-            04138B50 496C15CD
-            077FA000 000001E8
-            9421FFE0 7C0802A6
-            90010024 93E1001C
-            4AAB56B5 38E00200
-            38C00320 38A0FFD8
-            3880000A 38610008
-            4AAC824D 814D9EF0
-            3FE08180 3BFFA1EC
-            39200000 39000002
-            3CE08180 38E7A164
-            80CA0048 38A10008
-            38800000 7FE3FB78
-            4AACE999 39200001
-            913F01B0 80010024
-            7C0803A6 83E1001C
-            38210020 4E800020
-            9421FFE8 7C0802A6
-            9001001C 93A1000C
-            93C10010 93E10014
-            7C7F1B78 81230000
-            83A90064 3D208180
-            8129A39C 2F890000
-            409E002C 7FE3FB78
-            7FA903A6 4E800421
-            8001001C 7C0803A6
-            83A1000C 83C10010
-            83E10014 38210018
-            4E800020 3D208040
-            612957B0 83C90000
-            3C608180 3863A1EC
-            4AACED21 C0BE00A8
-            C09E00B0 A0DE0096
-            C07E0018 C05E0014
-            C03E0010 3CA08180
-            38A5A164 38800080
-            4CC63242 4AB37811
-            4BFFFF94 9421FFF0
-            7C0802A6 90010014
-            93E1000C 7C7F1B78
-            4AAE9735 38E00081
-            7FE6FB78 38A00000
-            38800000 3C608180
-            3863A1EC 4AACDE05
-            80010014 7C0803A6
-            83E1000C 38210010
-            4E800020 5820506F
-            7320252E 30660A59
-            20506F73 20252E30
-            660A5A20 506F7320
-            252E3066 0A416E67
-            6C652025 68750A48
-            20537064 20252E32
-            660A5620 53706420
-            252E3266 20202020
-            20202020 20202020
-            20202020 20202020
-            20202020 20202020
-            20202020 20202020
-            20202020 20202020
-            20202020 20202020
-            20202020 20202020
-            20202000 00000000
-            C229E64C 00000003
-            38600000 3D808180
-            906CA39C 807F0040
-            60000000 00000000
-        </source>
-    </code>
-    <code>
-        <category>metadata</category>
-        <id>SpeedDisplay</id>
-        <title lang="en-US">Speed display</title>
-        <title lang="de-CH">Geschwindigkeits-Display</title>
-        <title lang="fr-FR">Affichage de vitesse</title>
-        <title lang="ja-JP">速度表示</title>
-        <author>Noki Doki, sup39(サポミク)</author>
-        <version>1.5</version>
-        <date>Mar 24, 2022</date>
-        <dependencies version="GMSJ01">drawText</dependencies>
-        <dependencies version="GMSJ0A">drawText</dependencies>
-        <description lang="en-US">
-        Shows Mario's speed at any given time.
-        
-        ::: warning
-        This code is not compatible with the Position/Angle/Speed Display code. 
-        :::
-        </description>
-        <description lang="de-CH">
-        Zeigt Mario's Geschwindigkeit jederzeit auf dem Bildschirm an.
-
-        ::: warning
-        Dieser Code ist nicht kompatibel mit dem Position/Winkel/Gewschw. Display Code
-        :::
-        </description>
-        <description lang="fr-FR">Affiche la vitesse de Mario à tout moment.</description>
-        <description lang="ja-JP">常に「マリオの速度」を表示します。</description>
-        <source version="GMSE01">
-            062A6160 00000010
-            49553F19 60000000
-            60000000 60000000
-            042998B8 49560749
-            04143F14 496B61F9
-            077FA000 00000188
-            9421FFE0 7C0802A6
-            90010024 93E1001C
-            4AABD6E5 38E00200
-            38C00320 38A0FFD8
-            3880000A 38610008
-            4AAD01B9 814D9FC8
-            3FE08180 3BFFA214
-            39200000 39000002
-            3CE08180 38E7A154
-            80CA0048 38A10008
-            38800000 7FE3FB78
-            4AAD67F1 39200001
-            913F01B0 80010024
-            7C0803A6 83E1001C
-            38210020 4E800020
-            9421FFE8 7C0802A6
-            9001001C 93C10010
-            93E10014 7C7F1B78
-            81230000 83C90064
-            3D208180 8129A3C4
-            2C090000 40820028
-            7FE3FB78 7FC903A6
-            4E800421 8001001C
-            7C0803A6 83C10010
-            83E10014 38210018
-            4E800020 93A1000C
-            3D208040 6129E0E8
-            83A90000 3C608180
-            3863A214 4AAD6B7D
-            C05D00A8 C03D00B0
-            3CA08180 38A5A154
-            38800030 4CC63242
-            4AB3F6A5 83A1000C
-            4BFFFFA0 9421FFF0
-            7C0802A6 90010014
-            93E1000C 7C7F1B78
-            4AAF159D 38E00081
-            7FE6FB78 38A00000
-            38800000 3C608180
-            3863A214 4AAD5C6D
-            80010014 7C0803A6
-            83E1000C 38210010
-            4E800020 48205370
-            6420252E 32660A56
-            20537064 20252E32
-            66202020 20202020
-            20202020 20202020
-            20202020 20202020
-            20202000 00000000
-            C22A66F4 00000003
-            38600000 3D808180
-            906CA3C4 807F0040
-            60000000 00000000
-        </source>
-        <source version="GMSJ01">
-            04206734 495F38CD
-            077FA000 0000007A
-            9421FFF0 7C0802A6
-            90010014 93E1000C
-            7C7F1B78 4A83B215
-            3D208041 8129A378
-            3D008180 38600010
-            3908A064 C04900A8
-            38E0FFFF C02900B0
-            38C0FFFF 38A00014
-            388000F0 4CC63242
-            4BFF61F1 80010014
-            7FE3FB78 83E1000C
-            7C0803A6 38210010
-            4A83B1C8 48205370
-            6420252E 32660A56
-            20537064 20252E32
-            66000000 00000000
-        </source>
-        <source version="GMSJ0A">
-            041252A0 496D4D61
-            077FA000 0000007A
-            9421FFF0 7C0802A6
-            90010014 93E1000C
-            7C7F1B78 4AAD0EB9
-            3D208040 8129EF88
-            3D008180 38600010
-            3908A064 C04900A8
-            38E0FFFF C02900B0
-            38C0FFFF 38A00014
-            388000F0 4CC63242
-            4BFF61F1 80010014
-            7FE3FB78 83E1000C
-            7C0803A6 38210010
-            4AAD0E6C 48205370
-            6420252E 32660A56
-            20537064 20252E32
-            66000000 00000000
-        </source>
-        <source version="GMSP01">
-            0629E070 00000010
-            4955C009 60000000
-            60000000 60000000
-            04291750 495688B1
-            04138B50 496C15BD
-            077FA000 00000188
-            9421FFE0 7C0802A6
-            90010024 93E1001C
-            4AAB56B5 38E00200
-            38C00320 38A0FFD8
-            3880000A 38610008
-            4AAC824D 814D9EF0
-            3FE08180 3BFFA214
-            39200000 39000002
-            3CE08180 38E7A154
-            80CA0048 38A10008
-            38800000 7FE3FB78
-            4AACE999 39200001
-            913F01B0 80010024
-            7C0803A6 83E1001C
-            38210020 4E800020
-            9421FFE8 7C0802A6
-            9001001C 93C10010
-            93E10014 7C7F1B78
-            81230000 83C90064
-            3D208180 8129A3C4
-            2C090000 40820028
-            7FE3FB78 7FC903A6
-            4E800421 8001001C
-            7C0803A6 83C10010
-            83E10014 38210018
-            4E800020 93A1000C
-            3D208040 612957B0
-            83A90000 3C608180
-            3863A214 4AACED25
-            C05D00A8 C03D00B0
-            3CA08180 38A5A154
-            38800030 4CC63242
-            4AB37825 83A1000C
-            4BFFFFA0 9421FFF0
-            7C0802A6 90010014
-            93E1000C 7C7F1B78
-            4AAE9745 38E00081
-            7FE6FB78 38A00000
-            38800000 3C608180
-            3863A214 4AACDE15
-            80010014 7C0803A6
-            83E1000C 38210010
-            4E800020 48205370
-            6420252E 32660A56
-            20537064 20252E32
-            66202020 20202020
-            20202020 20202020
-            20202020 20202020
-            20202000 00000000
-            C229E64C 00000003
-            38600000 3D808180
-            906CA3C4 807F0040
-            60000000 00000000
-        </source>
-    </code>
     <code>
         <category>metadata</category>
         <id>CustomizedDisplay</id>
-        <title lang="en-US">Customized display</title>
+        <title lang="en-US">Customized Display</title>
         <title lang="ja-JP">カスタマイズ表示</title>
         <author>sup39(サポミク)</author>
         <version>0.3</version>
-        <date>Oct 30, 2022</date>
+        <date>Jan 28, 2023</date>
         <dependencies>drawText</dependencies>
         <description lang="en-US">
           Shows metadata at any given time.
 
-          ::: warning
-          This code is not compatible with other Display codes.
-          :::
-
-          ::: warning
-          The preview is based on NTSC-J's font data, and may be inaccurate for NTSC-U and PAL.
-          In addition, some characters may not shown properly.
-          :::
-
           #### Format
           Use `&lt; ID-of-the-data | format | value-shown-in-preview &gt;` to display a metadata.
 
@@ -3252,8 +2804,12 @@
           For float data, you can set the *format* to `.{digit}` to specify how many digits to show.
 
           %details[
-            %summary[All printable characters (for NTSC-J)]
-            ![Printable charaters](/img/preview/font-jp.png){style="background:black"}
+            %summary[All printable characters (in NTSC-J)]
+            ![Printable charaters](/img/preview/font-JP.png){style="background:black"}
+          ]
+          %details[
+            %summary[All printable characters (in PAL)]
+            ![Printable charaters](/img/preview/font-EU.png){style="background:black"}
           ]
 
           #### Preview
@@ -3281,8 +2837,12 @@
           また、全てのひらがなとカタカナ及び一部の漢字の表示も可能です。
 
           %details[
-            %summary[表示可能な文字一覧：]
-            ![表示可能な文字一覧](/img/preview/font-jp.png){style="background:black"}
+            %summary[表示可能な文字一覧(初期版・後期版)]
+            ![表示可能な文字一覧(初期版・後期版)](/img/preview/font-JP.png){style="background:black;padding:8px"}
+          ]
+          %details[
+            %summary[表示可能な文字一覧(欧州版)]
+            ![表示可能な文字一覧(欧州版)](/img/preview/font-EU.png){style="background:black;padding:8px"}
           ]
 
           #### プレビュー
@@ -3771,7 +3331,7 @@
         <title lang="ja-JP">パターン選択</title>
         <author>sup39(サポミク)</author>
         <version>0.3</version>
-        <date>Oct 30, 2022</date>
+        <date>Jan 28, 2023</date>
         <dependencies>drawText</dependencies>
         <description lang="en-US">
           Ⓑ is the cursor to select the pattern,
@@ -3852,122 +3412,228 @@
           %object[]{data="/img/PatternSelector/PV1-3.svg"}
         </description>
         <source version="GMSJ01">
-          0424F32C 495A9CD5
-          042069DC 495F26B8
-          077F9000 000001AF
-          801F0000 3D00817F
-          61089167 3D40817F
-          614A0024 3D80803D
-          618CA9C0 7C006040
-          41820048 3D80803D
-          618C87C0 7C006040
-          40820034 819F0004
-          898C0013 508C442E
-          39280031 88080007
-          7CEA00AE A0080005
-          7C006040 41820024
-          39080007 7C084840
-          4180FFE4 4AA671C0
-          2C05FFFF 4082FFF8
-          88EA0000 39080031
-          7CE73B79 4182FFE8
-          7C0838AE 280000FF
-          4182FFDC 7C030378
-          4E800020 38610E90
-          4A83C191 3C808040
-          A4040D82 3C60817F
-          84A30024 70000040
-          41A20050 88840019
-          548007FE 7CA02850
-          5480FFFE 7CA50214
-          54A507BE 5480F7BF
-          41A20030 28050003
-          41A00008 38A00000
-          5480EFFE 5080077A
-          7D8328AE 7D8C0214
-          280C0005 41A00008
-          398CFFFB 7D8329AE
-          98A30003 3821FFF0
-          3D00817F 6108919D
-          3C002020 60002023
-          54AC183E 5C00603E
-          98080008 540CC63E
-          9988000B 540C863E
-          9988000E 89230000
-          89430001 89630002
-          91610008 38600010
-          38800140 38A00014
-          38C0FFFF 38E0FFFF
-          4CC63182 4BFF70DD
-          38210010 4AA0D87C
-          452020FF 213200FF
-          621CFF1D 32005025
-          25252630 01FF4520
-          20213001 FFFF621C
-          1D300151 0707FF08
-          3102FF36 01FF0231
-          021E6E20 FF506174
-          7465726E 203E2558
-          3E25583E 25580000
+            0424F32C 495A9CD5
+            042069DC 495F26B8
+            077F9000 00000192
+            801F0000 3D00817F
+            61089147 3D40817F
+            614A0024 3D80803D
+            618CA9C0 7C006040
+            41820048 3D80803D
+            618C87C0 7C006040
+            40820034 819F0004
+            898C0013 508C442E
+            39280031 88080007
+            7CEA00AE A0080005
+            7C006040 41820024
+            39080007 7C084840
+            4180FFE4 4AA671C0
+            2C05FFFF 4082FFF8
+            88EA0000 39080031
+            7CE73B79 4182FFE8
+            7C0838AE 280000FF
+            4182FFDC 7C030378
+            4E800020 3C808040
+            A4040D82 3C60817F
+            85630024 70000040
+            41A20050 88840019
+            548007FE 7D605850
+            5480FFFE 7D6B0214
+            556B07BE 5480F7BF
+            41A20030 280B0003
+            41A00008 39600000
+            5480EFFE 5080077A
+            7D8358AE 7D8C0214
+            280C0005 41A00008
+            398CFFFB 7D8359AE
+            99630003 3C002020
+            60002023 556C183E
+            5C00603E 5405063E
+            5407C63E 5409863E
+            88C30000 89030001
+            89430002 3C60817F
+            60639138 38830045
+            4BFF7109 4AA0D8AC
+            00100140 00000014
+            FFFFFFFF FFFFFFFF
+            452020FF 213200FF
+            621CFF1D 32005025
+            25252630 01FF4520
+            20213001 FFFF621C
+            1D300151 0707FF08
+            3102FF36 01FF0231
+            021E6E20 FF506174
+            7465726E 20256325
+            58256325 58256325
+            58000000 00000000
         </source>
         <source version="GMSJ0A">
-          04027900 497D1701
-          04125548 496D3B4C
-          077F9000 000001AF
-          801F0000 3D00817F
-          61089167 3D40817F
-          614A0024 3D80803A
-          618C6D70 7C006040
-          41820048 3D80803A
-          618C4B80 7C006040
-          40820034 819F0004
-          898C0013 508C442E
-          39280031 88080007
-          7CEA00AE A0080005
-          7C006040 41820024
-          39080007 7C084840
-          4180FFE4 4A83F620
-          2C05FFFF 4082FFF8
-          88EA0000 39080031
-          7CE73B79 4182FFE8
-          7C0838AE 280000FF
-          4182FFDC 7C030378
-          4E800020 38610E90
-          4AAD1E35 3C80803F
-          A404545A 3C60817F
-          84A30024 70000040
-          41A20050 88840019
-          548007FE 7CA02850
-          5480FFFE 7CA50214
-          54A507BE 5480F7BF
-          41A20030 28050003
-          41A00008 38A00000
-          5480EFFE 5080077A
-          7D8328AE 7D8C0214
-          280C0005 41A00008
-          398CFFFB 7D8329AE
-          98A30003 3821FFF0
-          3D00817F 6108919D
-          3C002020 60002023
-          54AC183E 5C00603E
-          98080008 540CC63E
-          9988000B 540C863E
-          9988000E 89230000
-          89430001 89630002
-          91610008 38600010
-          38800140 38A00014
-          38C0FFFF 38E0FFFF
-          4CC63182 4BFF70DD
-          38210010 4A92C3E8
-          452020FF 213200FF
-          621CFF1D 32005025
-          25252630 01FF4520
-          20213001 FFFF621C
-          1D300151 0707FF08
-          3102FF36 01FF0231
-          021E6E20 FF506174
-          7465726E 203E2558
-          3E25583E 25580000
+            04027900 497D1701
+            04125548 496D3B4C
+            077F9000 00000192
+            801F0000 3D00817F
+            61089147 3D40817F
+            614A0024 3D80803A
+            618C6D70 7C006040
+            41820048 3D80803A
+            618C4B80 7C006040
+            40820034 819F0004
+            898C0013 508C442E
+            39280031 88080007
+            7CEA00AE A0080005
+            7C006040 41820024
+            39080007 7C084840
+            4180FFE4 4A83F620
+            2C05FFFF 4082FFF8
+            88EA0000 39080031
+            7CE73B79 4182FFE8
+            7C0838AE 280000FF
+            4182FFDC 7C030378
+            4E800020 3C80803F
+            A404545A 3C60817F
+            85630024 70000040
+            41A20050 88840019
+            548007FE 7D605850
+            5480FFFE 7D6B0214
+            556B07BE 5480F7BF
+            41A20030 280B0003
+            41A00008 39600000
+            5480EFFE 5080077A
+            7D8358AE 7D8C0214
+            280C0005 41A00008
+            398CFFFB 7D8359AE
+            99630003 3C002020
+            60002023 556C183E
+            5C00603E 5405063E
+            5407C63E 5409863E
+            88C30000 89030001
+            89430002 3C60817F
+            60639138 38830045
+            4BFF7109 4A92C418
+            00100140 00000014
+            FFFFFFFF FFFFFFFF
+            452020FF 213200FF
+            621CFF1D 32005025
+            25252630 01FF4520
+            20213001 FFFF621C
+            1D300151 0707FF08
+            3102FF36 01FF0231
+            021E6E20 FF506174
+            7465726E 20256325
+            58256325 58256325
+            58000000 00000000
+        </source>
+        <source version="GMSP01">
+            0403B54C 497BDAB5
+            04138DF8 496C029C
+            077F9000 00000192
+            801F0000 3D00817F
+            61089147 3D40817F
+            614A0024 3D80803A
+            618CDF98 7C006040
+            41820048 3D80803A
+            618CBDA8 7C006040
+            40820034 819F0004
+            898C0013 508C442E
+            39280031 88080007
+            7CEA00AE A0080005
+            7C006040 41820024
+            39080007 7C084840
+            4180FFE4 4A8531C4
+            2C05FFFF 4082FFF8
+            88EA0000 39080031
+            7CE73B79 4182FFE8
+            7C0838AE 280000FF
+            4182FFDC 7C030378
+            4E800020 3C808040
+            A404BC26 3C60817F
+            85630024 70000040
+            41A20050 88840019
+            548007FE 7D605850
+            5480FFFE 7D6B0214
+            556B07BE 5480F7BF
+            41A20030 280B0003
+            41A00008 39600000
+            5480EFFE 5080077A
+            7D8358AE 7D8C0214
+            280C0005 41A00008
+            398CFFFB 7D8359AE
+            99630003 3C002020
+            60002023 556C183E
+            5C00603E 5405063E
+            5407C63E 5409863E
+            88C30000 89030001
+            89430002 3C60817F
+            60639138 38830045
+            4BFF7109 4A93FCC8
+            00100140 00000014
+            FFFFFFFF FFFFFFFF
+            452020FF 213200FF
+            621CFF1D 32005025
+            25252630 01FF4520
+            20213001 FFFF621C
+            1D300151 0707FF08
+            3102FF36 01FF0231
+            021E6E20 FF506174
+            7465726E 20256325
+            58256325 58256325
+            58000000 00000000
+        </source>
+        <source version="GMSE01">
+            0403B6FC 497BD905
+            041441BC 496B4ED8
+            077F9000 00000192
+            801F0000 3D00817F
+            61089147 3D40817F
+            614A0024 3D80803B
+            618C6178 7C006040
+            41820048 3D80803B
+            618C3F88 7C006040
+            40820034 819F0004
+            898C0013 508C442E
+            39280031 88080007
+            7CEA00AE A0080005
+            7C006040 41820024
+            39080007 7C084840
+            4180FFE4 4A854070
+            2C05FFFF 4082FFF8
+            88EA0000 39080031
+            7CE73B79 4182FFE8
+            7C0838AE 280000FF
+            4182FFDC 7C030378
+            4E800020 3C808040
+            A4044486 3C60817F
+            85630024 70000040
+            41A20050 88840019
+            548007FE 7D605850
+            5480FFFE 7D6B0214
+            556B07BE 5480F7BF
+            41A20030 280B0003
+            41A00008 39600000
+            5480EFFE 5080077A
+            7D8358AE 7D8C0214
+            280C0005 41A00008
+            398CFFFB 7D8359AE
+            99630003 3C002020
+            60002023 556C183E
+            5C00603E 5405063E
+            5407C63E 5409863E
+            88C30000 89030001
+            89430002 3C60817F
+            60639138 38830045
+            4BFF7109 4A94B08C
+            00100140 00000014
+            FFFFFFFF FFFFFFFF
+            452020FF 213200FF
+            621CFF1D 32005025
+            25252630 01FF4520
+            20213001 FFFF621C
+            1D300151 0707FF08
+            3102FF36 01FF0231
+            021E6E20 FF506174
+            7465726E 20256325
+            58256325 58256325
+            58000000 00000000
         </source>
     </code>
     <code>
@@ -3997,161 +3663,140 @@
         <category>lib</category>
         <title lang="en-US">drawText</title>
         <author>sup39(サポミク)</author>
-        <version>0.2.0</version>
-        <date>Mar 25, 2022</date>
+        <version>0.3</version>
+        <date>Jan 02, 2023</date>
         <description lang="en-US">
-          ```c
-          void drawText(int x, int y, int fontSize, uint32_t colorTop, uint32_t colorBot, const char *fmt, ...);
-          ```
+            ```c
+            typedef struct {
+              int16_t x;
+              int16_t y;
+              uint32_t fontSize;
+              uint32_t colorTop;
+              uint32_t colorBot;
+            } DrawTextOpt;
+            void drawText(DrawTextOpt *opt, const char *fmt, ...);
+            ```
         </description>
         <source version="GMSJ01">
-          077F0238 00000110
-          9421FED8 7C0802A6
-          BF810118 7C7F1B78
-          9001012C 7C9E2378
-          90C100B8 7CBD2B78
-          90E100BC 7D1C4378
-          912100C0 914100C4
-          40860024 D82100C8
-          D84100D0 D86100D8
-          D88100E0 D8A100E8
-          D8C100F0 D8E100F8
-          D9010100 39200600
-          390100BC B12100A0
-          39210130 912100A4
-          392100A8 912100A8
-          808D97F8 38E100B8
-          7FA6EB78 38A00000
-          38610008 6FDE8000
-          4A826AF5 3D204330
-          91210108 3D40817F
-          93C1010C 6FFF8000
-          C00A0344 38610070
-          C9810108 91210110
-          3D20817F 93E10114
-          FC4C0028 C0690340
-          C9810110 93A10064
-          FC2C0028 93A10060
-          4A8A43E9 38800000
-          38610070 4A8BD419
-          38C100A0 7F85E378
-          388000FF 38610008
-          4A826951 BB810118
-          38210128 80010004
-          7C0803A6 4E800020
-          00000000 59800004
-      </source>
-      <source version="GMSJ0A">
-          077F0238 00000110
-          9421FED8 7C0802A6
-          BF810118 7C7F1B78
-          9001012C 7C9E2378
-          90C100B8 7CBD2B78
-          90E100BC 7D1C4378
-          912100C0 914100C4
-          40860024 D82100C8
-          D84100D0 D86100D8
-          D88100E0 D8A100E8
-          D8C100F0 D8E100F8
-          D9010100 39200600
-          390100BC B12100A0
-          39210130 912100A4
-          392100A8 912100A8
-          808D9E88 38E100B8
-          7FA6EB78 38A00000
-          38610008 6FDE8000
-          4AABD249 3D204330
-          91210108 3D40817F
-          93C1010C 6FFF8000
-          C00A0344 38610070
-          C9810108 91210110
-          3D20817F 93E10114
-          FC4C0028 C0690340
-          C9810110 93A10064
-          FC2C0028 93A10060
-          4AB393C9 38800000
-          38610070 4AB523F9
-          38C100A0 7F85E378
-          388000FF 38610008
-          4AABD0A5 BB810118
-          38210128 80010004
-          7C0803A6 4E800020
-          00000000 59800004
-      </source>
-      <source version="GMSE01">
-          077F0238 00000110
-          9421FED8 7C0802A6
-          BF810118 7C7F1B78
-          9001012C 7C9E2378
-          90C100B8 7CBD2B78
-          90E100BC 7D1C4378
-          912100C0 914100C4
-          40860024 D82100C8
-          D84100D0 D86100D8
-          D88100E0 D8A100E8
-          D8C100F0 D8E100F8
-          D9010100 39200600
-          390100BC B12100A0
-          39210130 912100A4
-          392100A8 912100A8
-          808D9FC8 38E100B8
-          7FA6EB78 38A00000
-          38610008 6FDE8000
-          4AADDA39 3D204330
-          91210108 3D40817F
-          93C1010C 6FFF8000
-          C00A0344 38610070
-          C9810108 91210110
-          3D20817F 93E10114
-          FC4C0028 C0690340
-          C9810110 93A10064
-          FC2C0028 93A10060
-          4AB59AC9 38800000
-          38610070 4AB72AF9
-          38C100A0 7F85E378
-          388000FF 38610008
-          4AADD895 BB810118
-          38210128 80010004
-          7C0803A6 4E800020
-          00000000 59800004
-      </source>
-      <source version="GMSP01">
-          077F0238 00000110
-          9421FED8 7C0802A6
-          BF810118 7C7F1B78
-          9001012C 7C9E2378
-          90C100B8 7CBD2B78
-          90E100BC 7D1C4378
-          912100C0 914100C4
-          40860024 D82100C8
-          D84100D0 D86100D8
-          D88100E0 D8A100E8
-          D8C100F0 D8E100F8
-          D9010100 39200600
-          390100BC B12100A0
-          39210130 912100A4
-          392100A8 912100A8
-          808D9EF0 38E100B8
-          7FA6EB78 38A00000
-          38610008 6FDE8000
-          4AAD5ACD 3D204330
-          91210108 3D40817F
-          93C1010C 6FFF8000
-          C00A0344 38610070
-          C9810108 91210110
-          3D20817F 93E10114
-          FC4C0028 C0690340
-          C9810110 93A10064
-          FC2C0028 93A10060
-          4AB51D25 38800000
-          38610070 4AB6AD19
-          38C100A0 7F85E378
-          388000FF 38610008
-          4AAD5929 BB810118
-          38210128 80010004
-          7C0803A6 4E800020
-          00000000 59800004
-      </source>
+            077F0238 000000D4
+            9421FF08 7C0802A6
+            BFC100F0 7C7F1B78
+            900100FC 7C9E2378
+            90A10088 90C1008C
+            90E10090 91010094
+            91210098 9141009C
+            D82100A0 D84100A8
+            D86100B0 D88100B8
+            D8A100C0 D8C100C8
+            D8E100D0 D90100D8
+            39200200 80DF0004
+            B1210070 39200000
+            39210100 91210074
+            39210080 91210078
+            808D97F8 391F000C
+            38FF0008 38A00000
+            38610008 4A826AF9
+            813F0004 38610008
+            91210064 91210060
+            A95F0000 388000FF
+            91410024 7FC5F378
+            E01F5000 38C10070
+            F001002C 38000000
+            90010034 4A826985
+            BBC100F0 382100F8
+            80010004 7C0803A6
+            4E800020 00000000
+        </source>
+        <source version="GMSJ0A">
+            077F0238 000000D4
+            9421FF08 7C0802A6
+            BFC100F0 7C7F1B78
+            900100FC 7C9E2378
+            90A10088 90C1008C
+            90E10090 91010094
+            91210098 9141009C
+            D82100A0 D84100A8
+            D86100B0 D88100B8
+            D8A100C0 D8C100C8
+            D8E100D0 D90100D8
+            39200200 80DF0004
+            B1210070 39200000
+            39210100 91210074
+            39210080 91210078
+            808D9E88 391F000C
+            38FF0008 38A00000
+            38610008 4AABD24D
+            813F0004 38610008
+            91210064 91210060
+            A95F0000 388000FF
+            91410024 7FC5F378
+            E01F5000 38C10070
+            F001002C 38000000
+            90010034 4AABD0D9
+            BBC100F0 382100F8
+            80010004 7C0803A6
+            4E800020 00000000
+        </source>
+        <source version="GMSE01">
+            077F0238 000000D4
+            9421FF08 7C0802A6
+            BFC100F0 7C7F1B78
+            900100FC 7C9E2378
+            90A10088 90C1008C
+            90E10090 91010094
+            91210098 9141009C
+            D82100A0 D84100A8
+            D86100B0 D88100B8
+            D8A100C0 D8C100C8
+            D8E100D0 D90100D8
+            39200200 80DF0004
+            B1210070 39200000
+            39210100 91210074
+            39210080 91210078
+            808D9FC8 391F000C
+            38FF0008 38A00000
+            38610008 4AADDA3D
+            813F0004 38610008
+            91210064 91210060
+            A95F0000 388000FF
+            91410024 7FC5F378
+            E01F5000 38C10070
+            F001002C 38000000
+            90010034 4AADD8C9
+            BBC100F0 382100F8
+            80010004 7C0803A6
+            4E800020 00000000
+        </source>
+        <source version="GMSP01">
+            077F0238 000000D4
+            9421FF08 7C0802A6
+            BFC100F0 7C7F1B78
+            900100FC 7C9E2378
+            90A10088 90C1008C
+            90E10090 91010094
+            91210098 9141009C
+            D82100A0 D84100A8
+            D86100B0 D88100B8
+            D8A100C0 D8C100C8
+            D8E100D0 D90100D8
+            39200200 80DF0004
+            B1210070 39200000
+            39210100 91210074
+            39210080 91210078
+            808D9EF0 391F000C
+            38FF0008 38A00000
+            38610008 4AAD5AD1
+            813F0004 38610008
+            91210064 91210060
+            A95F0000 388000FF
+            91410024 7FC5F378
+            E01F5000 38C10070
+            F001002C 38000000
+            90010034 4AAD595D
+            BBC100F0 382100F8
+            80010004 7C0803A6
+            4E800020 00000000
+        </source>
     </code>
     <code>
         <id>InstantRestart</id>
diff --git a/Readme.md b/Readme.md
index f6ec0b0..fa9e1d9 100644
--- a/Readme.md
+++ b/Readme.md
@@ -47,7 +47,9 @@ Some codes store some states in the games memory starting from address 0x817F000
 | ![](./docs/reserved.svg)    | `0x14`  | `0x15`  | DPad Functions: Stored Angle (Mario)                                      |
 | ![](./docs/reserved.svg)    | `0x16`  | `0x1B`  | DPad Functions: Stored Position (Camera)                                  |
 | ![](./docs/reserved.svg)    | `0x20`  | `0x23`  | Coin Count Savestate: Coin Count                                          |
-| ![](./docs/unallocated.svg) | `0x24`  | `0x93`  | Not Allocated                                                             |
+| ![](./docs/reserved.svg)    | `0x24`  | `0x26`  | Pattern Selector: Selected Pattern Numbers                                |
+| ![](./docs/reserved.svg)    | `0x27`  | `0x27`  | Pattern Selector: Cursor Position                                         |
+| ![](./docs/unallocated.svg) | `0x28`  | `0x93`  | Not Allocated                                                             |
 | ![](./docs/reserved.svg)    | `0x94`  | `0xA3`  | QF Timer: Coordinates of the Text box (LTRB)                              |
 | ![](./docs/reserved.svg)    | `0xA4`  | `0xB0`  | QF Timer: Timer Format String                                             |
 | ![](./docs/reserved.svg)    | `0xB0`  | `0xB1`  | QF Timer: (Unused)                                                        |
diff --git a/Removed-Codes.xml b/Removed-Codes.xml
index a753450..b673557 100644
--- a/Removed-Codes.xml
+++ b/Removed-Codes.xml
@@ -533,4 +533,424 @@
             60000000 00000000
         </source>
     </code>
+    <code>
+        <category>metadata</category>
+        <id>PASDisplay</id>
+        <title lang="en-US">Position/angle/speed display</title>
+        <title lang="de-CH">Position/Winkel/Geschw. Display</title>
+        <title lang="fr-FR">Affichage de position/angle/vitesse</title>
+        <title lang="ja-JP">位置/角度/速度表示</title>
+        <author>Noki Doki, sup39(サポミク)</author>
+        <version>1.4</version>
+        <date>Mar 24, 2022</date>
+        <dependencies version="GMSJ01">drawText</dependencies>
+        <dependencies version="GMSJ0A">drawText</dependencies>
+        <description lang="en-US">
+        Shows Mario's position, angle and speed at any given time.
+        
+        ::: warning
+        This code is not compatible with the Speed Display code. 
+        :::
+        </description>
+        <description lang="de-CH">
+        Zeigt Mario's Position, Winkel und Geschwindigkeit jederzeit auf dem Bildschirm an.
+
+        ::: warning
+        Dieser Code ist nicht kompatibel mit dem Geschwindigkeits-Display Code
+        :::
+        </description>
+        <description lang="fr-FR">Affiche la position, l'angle et la vitesse de Mario à tout moment.</description>
+        <description lang="ja-JP">常に「マリオの位置」「マリオの角度」「マリオの速度」を表示します。</description>
+        <source version="GMSE01">
+            062A6160 00000010
+            49553F19 60000000
+            60000000 60000000
+            042998B8 49560749
+            04143F14 496B6209
+            077FA000 000001E8
+            9421FFE0 7C0802A6
+            90010024 93E1001C
+            4AABD6E5 38E00200
+            38C00320 38A0FFD8
+            3880000A 38610008
+            4AAD01B9 814D9FC8
+            3FE08180 3BFFA1EC
+            39200000 39000002
+            3CE08180 38E7A164
+            80CA0048 38A10008
+            38800000 7FE3FB78
+            4AAD67F1 39200001
+            913F01B0 80010024
+            7C0803A6 83E1001C
+            38210020 4E800020
+            9421FFE8 7C0802A6
+            9001001C 93A1000C
+            93C10010 93E10014
+            7C7F1B78 81230000
+            83A90064 3D208180
+            8129A39C 2F890000
+            409E002C 7FE3FB78
+            7FA903A6 4E800421
+            8001001C 7C0803A6
+            83A1000C 83C10010
+            83E10014 38210018
+            4E800020 3D208040
+            6129E0E8 83C90000
+            3C608180 3863A1EC
+            4AAD6B79 C0BE00A8
+            C09E00B0 A0DE0096
+            C07E0018 C05E0014
+            C03E0010 3CA08180
+            38A5A164 38800080
+            4CC63242 4AB3F691
+            4BFFFF94 9421FFF0
+            7C0802A6 90010014
+            93E1000C 7C7F1B78
+            4AAF158D 38E00081
+            7FE6FB78 38A00000
+            38800000 3C608180
+            3863A1EC 4AAD5C5D
+            80010014 7C0803A6
+            83E1000C 38210010
+            4E800020 5820506F
+            7320252E 30660A59
+            20506F73 20252E30
+            660A5A20 506F7320
+            252E3066 0A416E67
+            6C652025 68750A48
+            20537064 20252E32
+            660A5620 53706420
+            252E3266 20202020
+            20202020 20202020
+            20202020 20202020
+            20202020 20202020
+            20202020 20202020
+            20202020 20202020
+            20202020 20202020
+            20202020 20202020
+            20202000 00000000
+            C22A66F4 00000003
+            38600000 3D808180
+            906CA39C 807F0040
+            60000000 00000000
+        </source>
+        <source version="GMSJ01">
+            04206734 495F38CD
+            077FA000 000000B5
+            9421FFF0 7C0802A6
+            90010014 93E1000C
+            7C7F1B78 4A83B215
+            3D208041 8149A378
+            3D008180 38600010
+            3908A074 C0AA00A8
+            38E0FFFF C08A00B0
+            38C0FFFF A12A0096
+            38A00014 C06A0018
+            388000C8 C04A0014
+            C02A0010 4CC63242
+            4BFF61E1 80010014
+            7FE3FB78 83E1000C
+            7C0803A6 38210010
+            4A83B1B8 5820506F
+            7320252E 30660A59
+            20506F73 20252E30
+            660A5A20 506F7320
+            252E3066 0A416E67
+            6C652025 68750A48
+            20537064 20252E32
+            660A5620 53706420
+            252E3266 00000000
+        </source>
+        <source version="GMSJ0A">
+            041252A0 496D4D61
+            077FA000 000000B5
+            9421FFF0 7C0802A6
+            90010014 93E1000C
+            7C7F1B78 4AAD0EB9
+            3D208040 8149EF88
+            3D008180 38600010
+            3908A074 C0AA00A8
+            38E0FFFF C08A00B0
+            38C0FFFF A12A0096
+            38A00014 C06A0018
+            388000C8 C04A0014
+            C02A0010 4CC63242
+            4BFF61E1 80010014
+            7FE3FB78 83E1000C
+            7C0803A6 38210010
+            4AAD0E5C 5820506F
+            7320252E 30660A59
+            20506F73 20252E30
+            660A5A20 506F7320
+            252E3066 0A416E67
+            6C652025 68750A48
+            20537064 20252E32
+            660A5620 53706420
+            252E326600000000
+        </source>
+        <source version="GMSP01">
+            0629E070 00000010
+            4955C009 60000000
+            60000000 60000000
+            04291750 495688B1
+            04138B50 496C15CD
+            077FA000 000001E8
+            9421FFE0 7C0802A6
+            90010024 93E1001C
+            4AAB56B5 38E00200
+            38C00320 38A0FFD8
+            3880000A 38610008
+            4AAC824D 814D9EF0
+            3FE08180 3BFFA1EC
+            39200000 39000002
+            3CE08180 38E7A164
+            80CA0048 38A10008
+            38800000 7FE3FB78
+            4AACE999 39200001
+            913F01B0 80010024
+            7C0803A6 83E1001C
+            38210020 4E800020
+            9421FFE8 7C0802A6
+            9001001C 93A1000C
+            93C10010 93E10014
+            7C7F1B78 81230000
+            83A90064 3D208180
+            8129A39C 2F890000
+            409E002C 7FE3FB78
+            7FA903A6 4E800421
+            8001001C 7C0803A6
+            83A1000C 83C10010
+            83E10014 38210018
+            4E800020 3D208040
+            612957B0 83C90000
+            3C608180 3863A1EC
+            4AACED21 C0BE00A8
+            C09E00B0 A0DE0096
+            C07E0018 C05E0014
+            C03E0010 3CA08180
+            38A5A164 38800080
+            4CC63242 4AB37811
+            4BFFFF94 9421FFF0
+            7C0802A6 90010014
+            93E1000C 7C7F1B78
+            4AAE9735 38E00081
+            7FE6FB78 38A00000
+            38800000 3C608180
+            3863A1EC 4AACDE05
+            80010014 7C0803A6
+            83E1000C 38210010
+            4E800020 5820506F
+            7320252E 30660A59
+            20506F73 20252E30
+            660A5A20 506F7320
+            252E3066 0A416E67
+            6C652025 68750A48
+            20537064 20252E32
+            660A5620 53706420
+            252E3266 20202020
+            20202020 20202020
+            20202020 20202020
+            20202020 20202020
+            20202020 20202020
+            20202020 20202020
+            20202020 20202020
+            20202020 20202020
+            20202000 00000000
+            C229E64C 00000003
+            38600000 3D808180
+            906CA39C 807F0040
+            60000000 00000000
+        </source>
+    </code>
+    <code>
+        <category>metadata</category>
+        <id>SpeedDisplay</id>
+        <title lang="en-US">Speed display</title>
+        <title lang="de-CH">Geschwindigkeits-Display</title>
+        <title lang="fr-FR">Affichage de vitesse</title>
+        <title lang="ja-JP">速度表示</title>
+        <author>Noki Doki, sup39(サポミク)</author>
+        <version>1.5</version>
+        <date>Mar 24, 2022</date>
+        <dependencies version="GMSJ01">drawText</dependencies>
+        <dependencies version="GMSJ0A">drawText</dependencies>
+        <description lang="en-US">
+        Shows Mario's speed at any given time.
+        
+        ::: warning
+        This code is not compatible with the Position/Angle/Speed Display code. 
+        :::
+        </description>
+        <description lang="de-CH">
+        Zeigt Mario's Geschwindigkeit jederzeit auf dem Bildschirm an.
+
+        ::: warning
+        Dieser Code ist nicht kompatibel mit dem Position/Winkel/Gewschw. Display Code
+        :::
+        </description>
+        <description lang="fr-FR">Affiche la vitesse de Mario à tout moment.</description>
+        <description lang="ja-JP">常に「マリオの速度」を表示します。</description>
+        <source version="GMSE01">
+            062A6160 00000010
+            49553F19 60000000
+            60000000 60000000
+            042998B8 49560749
+            04143F14 496B61F9
+            077FA000 00000188
+            9421FFE0 7C0802A6
+            90010024 93E1001C
+            4AABD6E5 38E00200
+            38C00320 38A0FFD8
+            3880000A 38610008
+            4AAD01B9 814D9FC8
+            3FE08180 3BFFA214
+            39200000 39000002
+            3CE08180 38E7A154
+            80CA0048 38A10008
+            38800000 7FE3FB78
+            4AAD67F1 39200001
+            913F01B0 80010024
+            7C0803A6 83E1001C
+            38210020 4E800020
+            9421FFE8 7C0802A6
+            9001001C 93C10010
+            93E10014 7C7F1B78
+            81230000 83C90064
+            3D208180 8129A3C4
+            2C090000 40820028
+            7FE3FB78 7FC903A6
+            4E800421 8001001C
+            7C0803A6 83C10010
+            83E10014 38210018
+            4E800020 93A1000C
+            3D208040 6129E0E8
+            83A90000 3C608180
+            3863A214 4AAD6B7D
+            C05D00A8 C03D00B0
+            3CA08180 38A5A154
+            38800030 4CC63242
+            4AB3F6A5 83A1000C
+            4BFFFFA0 9421FFF0
+            7C0802A6 90010014
+            93E1000C 7C7F1B78
+            4AAF159D 38E00081
+            7FE6FB78 38A00000
+            38800000 3C608180
+            3863A214 4AAD5C6D
+            80010014 7C0803A6
+            83E1000C 38210010
+            4E800020 48205370
+            6420252E 32660A56
+            20537064 20252E32
+            66202020 20202020
+            20202020 20202020
+            20202020 20202020
+            20202000 00000000
+            C22A66F4 00000003
+            38600000 3D808180
+            906CA3C4 807F0040
+            60000000 00000000
+        </source>
+        <source version="GMSJ01">
+            04206734 495F38CD
+            077FA000 0000007A
+            9421FFF0 7C0802A6
+            90010014 93E1000C
+            7C7F1B78 4A83B215
+            3D208041 8129A378
+            3D008180 38600010
+            3908A064 C04900A8
+            38E0FFFF C02900B0
+            38C0FFFF 38A00014
+            388000F0 4CC63242
+            4BFF61F1 80010014
+            7FE3FB78 83E1000C
+            7C0803A6 38210010
+            4A83B1C8 48205370
+            6420252E 32660A56
+            20537064 20252E32
+            66000000 00000000
+        </source>
+        <source version="GMSJ0A">
+            041252A0 496D4D61
+            077FA000 0000007A
+            9421FFF0 7C0802A6
+            90010014 93E1000C
+            7C7F1B78 4AAD0EB9
+            3D208040 8129EF88
+            3D008180 38600010
+            3908A064 C04900A8
+            38E0FFFF C02900B0
+            38C0FFFF 38A00014
+            388000F0 4CC63242
+            4BFF61F1 80010014
+            7FE3FB78 83E1000C
+            7C0803A6 38210010
+            4AAD0E6C 48205370
+            6420252E 32660A56
+            20537064 20252E32
+            66000000 00000000
+        </source>
+        <source version="GMSP01">
+            0629E070 00000010
+            4955C009 60000000
+            60000000 60000000
+            04291750 495688B1
+            04138B50 496C15BD
+            077FA000 00000188
+            9421FFE0 7C0802A6
+            90010024 93E1001C
+            4AAB56B5 38E00200
+            38C00320 38A0FFD8
+            3880000A 38610008
+            4AAC824D 814D9EF0
+            3FE08180 3BFFA214
+            39200000 39000002
+            3CE08180 38E7A154
+            80CA0048 38A10008
+            38800000 7FE3FB78
+            4AACE999 39200001
+            913F01B0 80010024
+            7C0803A6 83E1001C
+            38210020 4E800020
+            9421FFE8 7C0802A6
+            9001001C 93C10010
+            93E10014 7C7F1B78
+            81230000 83C90064
+            3D208180 8129A3C4
+            2C090000 40820028
+            7FE3FB78 7FC903A6
+            4E800421 8001001C
+            7C0803A6 83C10010
+            83E10014 38210018
+            4E800020 93A1000C
+            3D208040 612957B0
+            83A90000 3C608180
+            3863A214 4AACED25
+            C05D00A8 C03D00B0
+            3CA08180 38A5A154
+            38800030 4CC63242
+            4AB37825 83A1000C
+            4BFFFFA0 9421FFF0
+            7C0802A6 90010014
+            93E1000C 7C7F1B78
+            4AAE9745 38E00081
+            7FE6FB78 38A00000
+            38800000 3C608180
+            3863A214 4AACDE15
+            80010014 7C0803A6
+            83E1000C 38210010
+            4E800020 48205370
+            6420252E 32660A56
+            20537064 20252E32
+            66202020 20202020
+            20202020 20202020
+            20202020 20202020
+            20202000 00000000
+            C229E64C 00000003
+            38600000 3D808180
+            906CA3C4 807F0040
+            60000000 00000000
+        </source>
+    </code>
 </codes>
diff --git a/changelog.md b/changelog.md
index 10f9223..d68968b 100644
--- a/changelog.md
+++ b/changelog.md
@@ -1,4 +1,13 @@
 # Changelog
+## Jan 28, 2023
+### Rewrote 'drawText'
+- Reduced parameters to struct pointer + format string + varargs
+- Rewrote QFT, Pattern Selector, Customized Display with the new drawText function
+### Improved Preview
+- Added PAL font (TODO: NTSC-U)
+- Merged P/A/S Display and Speed Display to Customized Display
+- Provided background options to Pattern Selector and Customized Display
+
 ## Jan 10, 2023
 ### Updated 'Quarterframe Timer'
 Added the following options to freeze QFT:
diff --git a/site/.vuepress/components/Generator.vue b/site/.vuepress/components/Generator.vue
index 8de2526..d55e4d6 100644
--- a/site/.vuepress/components/Generator.vue
+++ b/site/.vuepress/components/Generator.vue
@@ -136,8 +136,6 @@ export default {
     this.codeConfigs = {
       qft: getConfigQFT(),
       PatternSelector: getConfigPS(),
-      SpeedDisplay: {},
-      PASDisplay: {},
       CustomizedDisplay: getConfigCD(this.version),
     };
   },
@@ -222,7 +220,10 @@ export default {
         .filter(code => !(code.category === category && exclusive))
         .map(code => code.id));
       ids.add(id);
-      return Object.fromEntries(Object.entries(this.codeConfigs).filter(([id]) => ids.has(id)));
+      return {
+        ...Object.fromEntries(Object.entries(this.codeConfigs).filter(([id]) => ids.has(id))),
+        _version: this.selectedVersion,
+      };
     },
   },
 };
diff --git a/site/.vuepress/components/Preview.vue b/site/.vuepress/components/Preview.vue
index 8a52383..282f5e5 100644
--- a/site/.vuepress/components/Preview.vue
+++ b/site/.vuepress/components/Preview.vue
@@ -1,82 +1,30 @@
 <template>
   <div class="preview-root">
     <div class="preview-ctn">
-      <div v-if="qft">
-        <div :style="qft.bgStyle" />
-        <PreviewString :x="qft.x" :y="qft.y" :size="qft.fontSize" :color="qft.color" text="0:00:00" />
-      </div>
-      <div v-if="mdps">
-        <PreviewString v-for="mdp,i in mdps" :key="i"
-          :x="mdp.x" :y="mdp.y" :size="mdp.fontSize" :color="mdp.color" :text="mdp.text" />
-      </div>
-      <PreviewString v-if="ps" :x="ps.x" :y="ps.y" :size="ps.fontSize" :color="ps.color" :text="ps.text" />
+      <PreviewString :config="config.qft" :version="_version" />
+      <PreviewString v-for="mdp,i in (config.CustomizedDisplay || [])"
+        :key="'mdp'+i" :config="mdp" :version="_version" />
+      <PreviewString :config="config.PatternSelector" :version="_version" />
     </div>
   </div>
 </template>
 
 <script>
-import { rgbaI2S, fg2Style } from './codes/utils.js';
 export default {
   props: {
     config: {type: Object},
   },
   computed: {
-    mdps() {
-      const {config} = this;
-      if (config.PASDisplay) return [{
-        x: 16,
-        y: 200,
-        fontSize: 20,
-        color: '#fff',
-        text: 'X Pos -39\nY Pos 1207\nZ Pos -4193\nAngle 65535\nH Spd 15.15\nV Spd -31.17',
-      }];
-      if (config.SpeedDisplay) return [{
-        x: 16,
-        y: 240,
-        fontSize: 20,
-        color: '#fff',
-        text: 'H Spd 15.15\nV Spd -31.17',
-      }];
-      if (config.CustomizedDisplay) {
-        return config.CustomizedDisplay.map(({fgRGB, fgA, fgRGB2, fgA2, ...o}) => ({
-          ...o,
-          color: fg2Style(fgRGB, fgA, fgRGB2, fgA2),
-        }));
-      }
-    },
-    qft() {
-      const {config: {qft}} = this;
-      if (qft == null) return;
-      const {x, y, fontSize, fgRGB, fgA, fgRGB2, fgA2, bgRGB, bgA, width} = qft;
-      const bg = rgbaI2S(bgRGB, bgA);
-      return {
-        x, y, fontSize,
-        color: fg2Style(fgRGB, fgA, fgRGB2, fgA2),
-        bgStyle: {
-          left: x+'px',
-          top: (y-fontSize)+'px',
-          width: (width*fontSize/20)+'px',
-          height: fontSize+'px',
-          background: bg,
-        },
-      };
-    },
-    ps() {
-      const {config: {PatternSelector: ps}} = this;
-      if (ps == null) return;
-      const {x, y, fontSize, fgRGB, fgA, fgRGB2, fgA2, label} = ps;
-      return {
-        x, y, fontSize,
-        color: fg2Style(fgRGB, fgA, fgRGB2, fgA2),
-        text: label+'#0 0 0',
-      };
+    _version() {
+      const {_version} = this.config
+      return _version;
     },
   },
 }
 </script>
 
 <style scoped>
-div.preview-root {
+.preview-root {
   position: relative;
   width: 600px;
   height: 448px;
@@ -84,11 +32,8 @@ div.preview-root {
   padding: 0;
   overflow: hidden;
 }
-div.preview-ctn {
+.preview-ctn {
   position: absolute;
   top: -16px;
 }
-div.preview-ctn * {
-  position: absolute;
-}
 </style>
diff --git a/site/.vuepress/components/PreviewString.vue b/site/.vuepress/components/PreviewString.vue
index e1a7370..ef11ea4 100644
--- a/site/.vuepress/components/PreviewString.vue
+++ b/site/.vuepress/components/PreviewString.vue
@@ -1,47 +1,34 @@
 <template>
-  <div v-if="text" class="preview-str" :style="styles.root" >
-    <div v-for="style, i in styles.chars" :key="i" class="char-ctn" :style="style.ctn">
-      <div class="char-bg" :style="style.bg" />
-      <div class="char-mask" :style="style.mask" />
+  <div v-if="config">
+    <div :style="styles.bg" />
+    <div :class="previewCssClass" :style="styles.root" >
+      <div v-for="style, i in styles.chars" :key="i" class="char-ctn" :style="style.ctn">
+        <div class="char-bg" :style="style.bg" />
+        <div class="char-mask" :style="style.mask" />
+      </div>
     </div>
   </div>
 </template>
 
 <script>
-import charInfo from '../data/font-jp.json';
+import {rgbaI2S} from './codes/utils.js';
+import {measureText} from './codes/text.js';
+
 export default {
   props: {
-    x: {type: Number},
-    y: {type: Number},
-    size: {type: Number},
-    color: {type: String},
-    text: {type: String},
+    config: {type: Object},
+    version: {type: String},
   },
   computed: {
+    previewCssClass() {
+      // TODO US
+      return `preview-str preview-${['GMSJ01', 'GMSJ0A'].includes(this.version) ? 'JP' : 'EU'}`;
+    },
     styles() {
-      const {x: x0, y: y0, size: fontSize, color, text} = this;
-
-      /** @type {{x: number, y: number, u: number, v: number}[]} */
-      const chars = [];
-      let x = 0;
-      let y = 0;
-      let useKerning = false;
-      text.split('').forEach(c => {
-        const {index, kerning, width} = charInfo[c] ?? charInfo[' '];
-        if (c === '\n') {
-          useKerning = false;
-          x = 0;
-          y += 20;
-          return;
-        }
-        if (useKerning) x -= kerning;
-        useKerning = true;
-        // uv
-        const [u, v] = [index%25*20, (index/25|0)*20];
-        chars.push({x, y, u, v});
-        // next
-        x += width + kerning;
-      });
+      const {config, version} = this;
+      const {x: x0, y: y0, fontSize, fgRGB, fgA, fgRGB2, fgA2, bgRGB, bgA, bgLeft, bgRight, bgTop, bgBot, text} = config;
+      const fgColor = rgbaI2S(fgRGB, fgA);
+      const {width, height, chars} = measureText(text, version);
 
       return {
         root: {
@@ -60,10 +47,18 @@ export default {
             mask: {
               'mask-position': offset,
               '-webkit-mask-position': offset,
-              background: color,
+              background: fgRGB2 == null || fgA2 == null ? fgColor :
+                `linear-gradient(180deg, ${fgColor}, ${rgbaI2S(fgRGB2, fgA2)})`,
             },
           };
         }),
+        bg: {
+          left: x0 - bgLeft + 'px',
+          top: y0 - fontSize - bgTop + 'px',
+          width: (width * fontSize) / 20 + bgLeft + bgRight + 'px',
+          height: (height * fontSize) / 20 + bgTop + bgBot + 'px',
+          background: rgbaI2S(bgRGB, bgA),
+        },
       };
     },
   },
@@ -71,27 +66,42 @@ export default {
 </script>
 
 <style scoped>
+* {
+  position: absolute;
+}
+
 .preview-str {
   position: relative;
 }
 .preview-str * {
   position: absolute;
 }
-div.char-ctn {
+.char-ctn {
   isolation: isolate;
 }
-div.char-ctn > div {
+.char-ctn > div {
   width: 20px;
   height: 20px;
 }
-div.char-bg {
-  background: url(/img/preview/font-jp.png);
-}
-div.char-mask {
-  mask-image: url(/img/preview/font-jp.png);
-  -webkit-mask-image: url(/img/preview/font-jp.png);
+.char-mask {
   mask-repeat: no-repeat;
   -webkit-mask-repeat: no-repeat;
   mix-blend-mode: multiply;
 }
+
+.preview-JP .char-bg {
+  background: url(/img/preview/font-JP.png);
+}
+.preview-JP .char-mask {
+  mask-image: url(/img/preview/font-JP.png);
+  -webkit-mask-image: url(/img/preview/font-JP.png);
+}
+.preview-EU .char-bg {
+  background: url(/img/preview/font-EU.png);
+}
+.preview-EU .char-mask {
+  mask-image: url(/img/preview/font-EU.png);
+  -webkit-mask-image: url(/img/preview/font-EU.png);
+}
+/* TODO US */
 </style>
diff --git a/site/.vuepress/components/codes/CustomizedDisplay/codegen.js b/site/.vuepress/components/codes/CustomizedDisplay/codegen.js
index e34297e..ccae03c 100644
--- a/site/.vuepress/components/codes/CustomizedDisplay/codegen.js
+++ b/site/.vuepress/components/codes/CustomizedDisplay/codegen.js
@@ -1,31 +1,25 @@
 import { parseJSON } from '../codegen.js';
-import { ASM, makeInst, liDX, str2inst, makeProgram, inst2gecko } from '../asm.js';
+import {
+  ASM,
+  makeInst,
+  liDX,
+  str2inst,
+  makeProgram,
+  inst2gecko,
+  getFillRectParams,
+} from '../asm.js';
+import { measureText } from '../text.js';
 export const lskey = 'config/CustomizedDisplay';
 
-export const defaultConfig = [
-  {
-    x: 16,
-    y: 192,
-    fontSize: 18,
-    fgRGB: 0xffffff,
-    fgA: 0xff,
-    fgRGB2: null,
-    fgA2: null,
-    fmt: `X <x|.0|39.39>
-Y <y|.0|1207.39>
-Z <z|.0|-4193.6>
-A <angle||65535>
-H <HSpd|.2|15.15>
-V <VSpd|.2|-31.17>
-QF <QF||0>`,
-  },
-];
+import configDB from './configDB.js';
+export const defaultConfig = [configDB.PAS];
 
 /** @param {GameVersion} version */
 export function getConfig(version) {
   /** @type {typeof defaultConfig} */
   const config = typeof localStorage !== 'undefined' && parseJSON(localStorage.getItem(lskey));
   return (config instanceof Array ? config : defaultConfig).map(({ fmt, ...o }) => ({
+    ...defaultConfig[0],
     ...o,
     fmt,
     text: format2previewText(fmt, version),
@@ -142,14 +136,22 @@ const load = {
 };
 
 /**
- * @param {number} x
- * @param {number} y
- * @param {number} fontSize
- * @param {number} colorTop
- * @param {number} colorBot
+ * @param {string} version
+ * @param {{
+ *   x: number
+ *   y: number
+ *   fontSize: number
+ *   fgRGB: number
+ *   fgA: number
+ *   fgRGB2: number | null
+ *   fgA2: number | null
+ * }} drawTextOpt
  */
-export function prepareDrawText(x, y, fontSize, colorTop, colorBot) {
-  let gpr = 9;
+export function prepareDrawText(version, { x, y, fontSize, fgRGB, fgA, fgRGB2, fgA2 }) {
+  const colorTop = (fgRGB << 8) | fgA;
+  const colorBot = fgRGB2 == null || fgA2 == null ? colorTop : (fgRGB2 << 8) | fgA;
+
+  let gpr = 5;
   let fpr = 1;
   let sp = 8;
   let fmt = '';
@@ -219,8 +221,8 @@ export function prepareDrawText(x, y, fontSize, colorTop, colorBot) {
         const rBase = 3;
         insts.push(pre(rBase));
         // load all params
-        const rField = 5;
-        const fField = 9;
+        const rField = 11; // tmp GPR
+        const fField = 9; // tmp FPR
         for (const {
           info: { offset: srcoff, dtype, post },
           dst,
@@ -258,32 +260,21 @@ export function prepareDrawText(x, y, fontSize, colorTop, colorBot) {
           }
         }
       }
-      // r8 = fmt
-      const fmtbuf = str2inst(fmt);
+      // r3 = opt // sizeof(opt) = 0x10
+      // r4 = fmt
+      const fmtbuf = str2inst(fmt, version);
       insts.push(
-        // bl 4+len4(fmt)
-        ASM.b(4 + (fmtbuf.length << 2), true),
+        // bl 4+sizeof(opt)+len4(fmt)
+        ASM.b(0x14 + (fmtbuf.length << 2), true),
+        // opt
+        [((x & 0xffff) << 16) | (y & 0xffff), fontSize, colorTop, colorBot],
         // .string fmt
         fmtbuf,
-        // mflr r8
-        ASM.mflr(8),
+        // mflr r3
+        ASM.mflr(3),
+        // addi r4, r3, sizeof(opt)
+        ASM.addi(4, 3, 0x10),
       );
-      /*
-       * r3 = x
-       * r4 = y
-       * r5 = fontSize
-       * r6 = colorTop
-       * r7 = colorBot
-       */
-      insts.push(
-        liDX(3, x),
-        liDX(4, y),
-        liDX(5, fontSize),
-        liDX(6, colorTop),
-        colorTop === colorBot ? ASM.mr(7, 6) : liDX(7, colorBot),
-      );
-      // cr{set|clr} 6
-      insts.push((hasFloat ? ASM.crset : ASM.crclr)(6));
       // DONE
       return { code: insts.flatMap((e) => e), spNeed: spAdd };
     },
@@ -369,58 +360,72 @@ export function format2previewText(input, version, f = null) {
   return preview;
 }
 
-const addrsOrig = {
-  GMSJ01: 0x80206a00 - 0x2c,
-  GMSJ0A: 0x8012556c - 0x2c,
-  GMSE01: 0x801441e0 - 0x2c,
-  GMSP01: 0x80138e1c - 0x2c,
-};
-const addrsSetup2D = {
-  GMSJ01: 0x80035228,
-  GMSJ0A: 0x802caecc,
-  GMSE01: 0x802eb6bc,
-  GMSP01: 0x802e3864,
-};
-const addrDrawText = 0x817f0238;
+import addrs from '../addrs.js';
+const addrOrigOff = -0x2c; // drawWater - [-0x30, -0x18]
 const addrDst = 0x817fa000;
 
 /**
  * @param {GameVersion} version
  */
 export default function codegen(version) {
-  const config = getConfig(version);
+  const configs = getConfig(version);
 
   let spOff = 0;
   const fcodes = /** @type {Inst[]} */ ([]);
+  const bcodes = /** @type {Inst[]} */ ([]);
 
-  for (const { x, y, fontSize, fgRGB, fgA, fgRGB2, fgA2, fmt } of config) {
-    // color
-    const colorTop = (fgRGB << 8) | fgA;
-    const colorBot = fgRGB2 == null || fgA2 == null ? colorTop : (fgRGB2 << 8) | fgA;
+  for (const config of configs) {
+    const { fontSize, fmt, bgA } = config;
     // prepare drawText
-    const f = prepareDrawText(x, y, fontSize, colorTop, colorBot);
-    format2previewText(fmt, version, f);
-    // update code and sp
-    const { code, spNeed } = f.makeCode();
-    spOff = Math.max(spOff, spNeed);
-    fcodes.push(code);
+    const f = prepareDrawText(version, config);
+    const text = format2previewText(fmt, version, f);
+    // text code
+    if (fmt.trim()) {
+      // update code and sp
+      const { code, spNeed } = f.makeCode();
+      spOff = Math.max(spOff, spNeed);
+      fcodes.push(code);
+    }
+    // background code
+    if (bgA) {
+      const { width, height } = measureText(text, version);
+      const w = Math.ceil((width * fontSize) / 20);
+      const h = Math.ceil((height * fontSize) / 20);
+      bcodes.push(
+        [
+          // bl 4+sizeof(rect)+sizeof(color)
+          ASM.b(0x18, true),
+          // fill_rect params
+          ...getFillRectParams(config, measureText(text, version)),
+          // mflr r3
+          ASM.mflr(3),
+          // addi r4, r3, sizeof(rect)
+          ASM.addi(4, 3, 0x10),
+        ].flatMap((e) => e),
+      );
+    }
   }
 
-  const addrOrig = addrsOrig[version];
-  const addrSetup2D = addrsSetup2D[version];
+  const addrOrig = addrs.drawWater[version] + addrOrigOff;
+  const addrFillRect = addrs.fillRect[version];
 
   // program
   const program = makeProgram(addrDst);
-  // addi r3, r1, 0xE90
-  program.push(ASM.addi(3, 1, 0xe90));
+  // la r3, ctx(r1)
+  // program.push(ASM.addi(3, 1, addrs.ctxSpOff[version]));
   // addi r1, r1, -spOff
   if (spOff) program.push(ASM.addi(1, 1, -spOff));
-  // bl setup
-  program.bl(addrSetup2D);
+  // bl J2DGrafContext::setup2D
+  // program.bl(addrs.setup2D[version]);
+  // (fill_rect)
+  for (const code of bcodes) {
+    program.push(code);
+    program.bl(addrFillRect);
+  }
   // (drawText)
   for (const code of fcodes) {
     program.push(code);
-    program.bl(addrDrawText);
+    program.bl(addrs.drawText);
   }
   // addi r1, r1, spOff
   if (spOff) program.push(ASM.addi(1, 1, spOff));
diff --git a/site/.vuepress/components/codes/CustomizedDisplay/config.vue b/site/.vuepress/components/codes/CustomizedDisplay/config.vue
index 19a095b..99becb1 100644
--- a/site/.vuepress/components/codes/CustomizedDisplay/config.vue
+++ b/site/.vuepress/components/codes/CustomizedDisplay/config.vue
@@ -2,19 +2,26 @@
   <div>
     <Preview :config="previewConfig" />
     <div v-for="c,i in config" :key="i" class="textcell">
-      <button @click="config.splice(i, 1)" class="textcell-remove">&#215;</button>
+      <button class="textcell-remove" @click="deletionConfirm(i)">&#215;</button>
       <Cell :value="c" @input="$event => config.splice(i, 1, $event)" :version="version" />
     </div>
-    <div>
-      <button @click="config.push(defaultConfigCell)" class="textcell-add">+</button>
+    <div class="btn-ctn">
+      <button @click="config.push(db.PAS)">{{l('add.PAS')}}</button>
+      <button @click="config.push(db.speed)">{{l('add.speed')}}</button>
+      <button @click="config.push(db.detailed)">{{l('add.detailed')}}</button>
+      <button @click="config.push(db.rect)">{{l('add.rect')}}</button>
     </div>
   </div>
 </template>
 
 <script>
+import labels from './labels.json';
 import { defaultConfig, getConfig, lskey, format2previewText } from './codegen.js';
+import configDB from './configDB.js';
+import { makeUpdateConfig, makeGetLabel } from '../utils.js';
 import Cell from './Cell.vue';
 
+/** @typedef {'GMSJ01'|'GMSJ0A'|'GMSE01'|'GMSP01'} GameVersion */
 export default {
   components: {
     Cell,
@@ -23,21 +30,35 @@ export default {
     version: {type: String},
     previewConfig: {type: Object},
   },
+  computed: {
+    l() {
+      return makeGetLabel(labels, this.$lang);
+    },
+    db() {
+      const version = /**@type{GameVersion}*/(this.version);
+      return Object.fromEntries(Object.entries(configDB).map(([k, v]) => [
+        k,
+        {...v, text: format2previewText(v.fmt, version)},
+      ]));
+    },
+  },
   data() {
-    const config = getConfig();
+    const version = /**@type{GameVersion}*/(this.version);
+    const config = getConfig(version);
     const defaultConfigCell = {
-      text: format2previewText(defaultConfig[0].fmt, this.version),
+      text: format2previewText(defaultConfig[0].fmt, version),
       ...defaultConfig[0],
     };
     return {config, defaultConfigCell};
   },
   watch: {
-    config(config) {
-      // save config
-      const sconf = config.map(({text, ...o}) => ({...o}));
-      localStorage.setItem(lskey, JSON.stringify(sconf));
-      // emit
-      this.$emit('config', config);
+    config: makeUpdateConfig(lskey, defaultConfig),
+  },
+  methods: {
+    /** @param {number} i */
+    deletionConfirm(i) {
+      // if (window.confirm(this.l('deletionConfirm'))) {
+      this.config.splice(i, 1);
     },
   },
 }
@@ -57,4 +78,7 @@ export default {
   color: red;
   cursor: pointer;
 }
+.btn-ctn button {
+  display: block;
+}
 </style>
diff --git a/site/.vuepress/components/codes/CustomizedDisplay/configDB.js b/site/.vuepress/components/codes/CustomizedDisplay/configDB.js
new file mode 100644
index 0000000..fd1c08d
--- /dev/null
+++ b/site/.vuepress/components/codes/CustomizedDisplay/configDB.js
@@ -0,0 +1,58 @@
+const base = {
+  fontSize: 20,
+  fgRGB: 0xffffff,
+  fgA: 0xff,
+  fgRGB2: null,
+  fgA2: null,
+  bgRGB: 0,
+  bgA: 0,
+  bgLeft: 0,
+  bgRight: 0,
+  bgTop: 0,
+  bgBot: 0,
+};
+
+export default {
+  PAS: {
+    ...base,
+    x: 16,
+    y: 200,
+    fmt: `X Pos <x|.0|39.39>
+Y Pos <y|.0|1207.39>
+Z Pos <z|.0|-4193.6>
+Angle <angle||65535>
+H Spd <HSpd|.2|15.15>
+V Spd <VSpd|.2|-31.17>`,
+  },
+  speed: {
+    ...base,
+    x: 16,
+    y: 240,
+    fmt: `H Spd <HSpd|.2|15.15>
+V Spd <VSpd|.2|-31.17>`,
+  },
+  detailed: {
+    ...base,
+    x: 16,
+    y: 192,
+    fontSize: 18,
+    fmt: `X <x|.0|39.39>
+Y <y|.0|1207.39>
+Z <z|.0|-4193.6>
+A <angle||65535>
+C <CAngle||9>
+H <HSpd|.2|15.15>
+V <VSpd|.2|-31.17>
+QF <QF||0>`,
+  },
+  rect: {
+    ...base,
+    x: 32,
+    y: 48,
+    fontSize: 0,
+    fmt: '',
+    bgRight: 536,
+    bgBot: 384,
+    bgA: 0x7f,
+  },
+};
diff --git a/site/.vuepress/components/codes/CustomizedDisplay/labels.json b/site/.vuepress/components/codes/CustomizedDisplay/labels.json
index 35c2726..d0b7f45 100644
--- a/site/.vuepress/components/codes/CustomizedDisplay/labels.json
+++ b/site/.vuepress/components/codes/CustomizedDisplay/labels.json
@@ -1,8 +1,22 @@
 {
   "ja-JP": {
-    "format": "フォーマット："
+    "format": "フォーマット：",
+    "deletionConfirm": "本当に削除しますか？",
+    "add": {
+      "PAS": "+ 位置/角度/速度表示",
+      "speed": "+ 速度表示",
+      "detailed": "+ 欲張りセット",
+      "rect": "+ 長方形"
+    }
   },
   "en-US": {
-    "format": "Format:"
+    "format": "Format:",
+    "deletionConfirm": "Are you sure to delete?",
+    "add": {
+      "PAS": "+ Position/Angle/Speed Display",
+      "speed": "+ Speed Display",
+      "detailed": "+ Detailed Display",
+      "rect": "+ Rectangle"
+    }
   }
 }
diff --git a/site/.vuepress/components/codes/InstantRestart/config.vue b/site/.vuepress/components/codes/InstantRestart/config.vue
index 164b954..e0f32fe 100644
--- a/site/.vuepress/components/codes/InstantRestart/config.vue
+++ b/site/.vuepress/components/codes/InstantRestart/config.vue
@@ -22,15 +22,13 @@
 </template>
 
 <script>
-import {getConfig, lskey, buttonValues} from './codegen.js';
+import { makeUpdateConfig } from '../utils.js';
+import {getConfig, defaultConfig, lskey, buttonValues} from './codegen.js';
 import labels from './labels.json';
-import {getLabels} from '../codegen.js';
 
 export default {
   methods: {
-    updateConfig() {
-      localStorage.setItem(lskey, JSON.stringify({button: this.button}));
-    },
+    updateConfig: makeUpdateConfig(lskey, defaultConfig),
     toggleButton(event, value) {
       this.button = event.target.checked ?
         this.button | value : // ON
diff --git a/site/.vuepress/components/codes/PatternSelector/code/GMSE01.js b/site/.vuepress/components/codes/PatternSelector/code/GMSE01.js
new file mode 100644
index 0000000..907164b
--- /dev/null
+++ b/site/.vuepress/components/codes/PatternSelector/code/GMSE01.js
@@ -0,0 +1,46 @@
+export const code04 = `
+0403B6FC 497BD905
+041441BC 496B4ED8
+`;
+
+export const codeBase = `
+801F0000 3D00817F
+61089147 3D40817F
+614A0024 3D80803B
+618C6178 7C006040
+41820048 3D80803B
+618C3F88 7C006040
+40820034 819F0004
+898C0013 508C442E
+39280031 88080007
+7CEA00AE A0080005
+7C006040 41820024
+39080007 7C084840
+4180FFE4 4A854070
+2C05FFFF 4082FFF8
+88EA0000 39080031
+7CE73B79 4182FFE8
+7C0838AE 280000FF
+4182FFDC 7C030378
+4E800020 3C808040
+A4044486 3C60817F
+85630024 70000040
+41A20050 88840019
+548007FE 7D605850
+5480FFFE 7D6B0214
+556B07BE 5480F7BF
+41A20030 280B0003
+41A00008 39600000
+5480EFFE 5080077A
+7D8358AE 7D8C0214
+280C0005 41A00008
+398CFFFB 7D8359AE
+99630003 3C002020
+60002023 556C183E
+5C00603E 5405063E
+5407C63E 5409863E
+88C30000 89030001
+89430002 3C60817F
+60639138 38830045
+4BFF7109 4A94B08C
+`;
diff --git a/site/.vuepress/components/codes/PatternSelector/code/GMSJ01.js b/site/.vuepress/components/codes/PatternSelector/code/GMSJ01.js
index 922a009..f2c0b0f 100644
--- a/site/.vuepress/components/codes/PatternSelector/code/GMSJ01.js
+++ b/site/.vuepress/components/codes/PatternSelector/code/GMSJ01.js
@@ -1,11 +1,11 @@
-export const addrDraw2D = 0x802069dc;
 export const code04 = `
 0424F32C 495A9CD5
 042069DC 495F26B8
 `;
-export const codes = [
-  /* 077F9000 000001AF */ `
-3D40817F
+
+export const codeBase = `
+801F0000 3D00817F
+61089147 3D40817F
 614A0024 3D80803D
 618CA9C0 7C006040
 41820048 3D80803D
@@ -22,38 +22,25 @@ export const codes = [
 7CE73B79 4182FFE8
 7C0838AE 280000FF
 4182FFDC 7C030378
-4E800020 38610E90
-4A83C191 3C808040
+4E800020 3C808040
 A4040D82 3C60817F
-84A30024 70000040
+85630024 70000040
 41A20050 88840019
-548007FE 7CA02850
-5480FFFE 7CA50214
-54A507BE 5480F7BF
-41A20030 28050003
-41A00008 38A00000
+548007FE 7D605850
+5480FFFE 7D6B0214
+556B07BE 5480F7BF
+41A20030 280B0003
+41A00008 39600000
 5480EFFE 5080077A
-7D8328AE 7D8C0214
+7D8358AE 7D8C0214
 280C0005 41A00008
-398CFFFB 7D8329AE
-98A30003 3821FFF0
-`,
-  /* li r8 */ `
-3C002020 60002023
-54AC183E 5C00603E
-`,
-  /* stb r0, fmtCS0+fmtCSD*i(r8) */ `
-89230000
-89430001 89630002
-91610008
-`,
-  /* li r3~r7, drawText, b */ `
-452020FF 213200FF
-621CFF1D 32005025
-25252630 01FF4520
-20213001 FFFF621C
-1D300151 0707FF08
-3102FF36 01FF0231
-021E6E20 FF
-` /* fmt */,
-];
+398CFFFB 7D8359AE
+99630003 3C002020
+60002023 556C183E
+5C00603E 5405063E
+5407C63E 5409863E
+88C30000 89030001
+89430002 3C60817F
+60639138 38830045
+4BFF7109 4AA0D8AC
+`;
diff --git a/site/.vuepress/components/codes/PatternSelector/code/GMSJ0A.js b/site/.vuepress/components/codes/PatternSelector/code/GMSJ0A.js
index fffcd85..a30f92b 100644
--- a/site/.vuepress/components/codes/PatternSelector/code/GMSJ0A.js
+++ b/site/.vuepress/components/codes/PatternSelector/code/GMSJ0A.js
@@ -1,12 +1,11 @@
-export const addrDraw2D = 0x80125548;
 export const code04 = `
 04027900 497D1701
 04125548 496D3B4C
 `;
 
-export const codes = [
-  `
-3D40817F
+export const codeBase = `
+801F0000 3D00817F
+61089147 3D40817F
 614A0024 3D80803A
 618C6D70 7C006040
 41820048 3D80803A
@@ -23,38 +22,25 @@ export const codes = [
 7CE73B79 4182FFE8
 7C0838AE 280000FF
 4182FFDC 7C030378
-4E800020 38610E90
-4AAD1E35 3C80803F
+4E800020 3C80803F
 A404545A 3C60817F
-84A30024 70000040
+85630024 70000040
 41A20050 88840019
-548007FE 7CA02850
-5480FFFE 7CA50214
-54A507BE 5480F7BF
-41A20030 28050003
-41A00008 38A00000
+548007FE 7D605850
+5480FFFE 7D6B0214
+556B07BE 5480F7BF
+41A20030 280B0003
+41A00008 39600000
 5480EFFE 5080077A
-7D8328AE 7D8C0214
+7D8358AE 7D8C0214
 280C0005 41A00008
-398CFFFB 7D8329AE
-98A30003 3821FFF0
-`,
-  `
-3C002020 60002023
-54AC183E 5C00603E
-`,
-  `
-89230000
-89430001 89630002
-91610008
-`,
-  `
-452020FF 213200FF
-621CFF1D 32005025
-25252630 01FF4520
-20213001 FFFF621C
-1D300151 0707FF08
-3102FF36 01FF0231
-021E6E20 FF
-`,
-];
+398CFFFB 7D8359AE
+99630003 3C002020
+60002023 556C183E
+5C00603E 5405063E
+5407C63E 5409863E
+88C30000 89030001
+89430002 3C60817F
+60639138 38830045
+4BFF7109 4A92C418
+`;
diff --git a/site/.vuepress/components/codes/PatternSelector/code/GMSP01.js b/site/.vuepress/components/codes/PatternSelector/code/GMSP01.js
new file mode 100644
index 0000000..242adf6
--- /dev/null
+++ b/site/.vuepress/components/codes/PatternSelector/code/GMSP01.js
@@ -0,0 +1,46 @@
+export const code04 = `
+0403B54C 497BDAB5
+04138DF8 496C029C
+`;
+
+export const codeBase = `
+801F0000 3D00817F
+61089147 3D40817F
+614A0024 3D80803A
+618CDF98 7C006040
+41820048 3D80803A
+618CBDA8 7C006040
+40820034 819F0004
+898C0013 508C442E
+39280031 88080007
+7CEA00AE A0080005
+7C006040 41820024
+39080007 7C084840
+4180FFE4 4A8531C4
+2C05FFFF 4082FFF8
+88EA0000 39080031
+7CE73B79 4182FFE8
+7C0838AE 280000FF
+4182FFDC 7C030378
+4E800020 3C808040
+A404BC26 3C60817F
+85630024 70000040
+41A20050 88840019
+548007FE 7D605850
+5480FFFE 7D6B0214
+556B07BE 5480F7BF
+41A20030 280B0003
+41A00008 39600000
+5480EFFE 5080077A
+7D8358AE 7D8C0214
+280C0005 41A00008
+398CFFFB 7D8359AE
+99630003 3C002020
+60002023 556C183E
+5C00603E 5405063E
+5407C63E 5409863E
+88C30000 89030001
+89430002 3C60817F
+60639138 38830045
+4BFF7109 4A93FCC8
+`;
diff --git a/site/.vuepress/components/codes/PatternSelector/codegen.js b/site/.vuepress/components/codes/PatternSelector/codegen.js
index 7e227c0..f3aeb98 100644
--- a/site/.vuepress/components/codes/PatternSelector/codegen.js
+++ b/site/.vuepress/components/codes/PatternSelector/codegen.js
@@ -1,12 +1,15 @@
 import { parseJSON } from '../codegen.js';
-import { ASM, liDX, strlen, str2inst, inst2gecko } from '../asm.js';
+import { ASM, liDX, str2hex, inst2gecko, getFillRectParams } from '../asm.js';
+import { measureText } from '../text.js';
+import { int2hex } from '../utils.js';
+import addrs from '../addrs.js';
 export const lskey = 'config/PatternSelector';
 
 import * as GMSJ01 from './code/GMSJ01.js';
 import * as GMSJ0A from './code/GMSJ0A.js';
 // import * as GMSE01 from './code/GMSE01.js';
-// import * as GMSP01 from './code/GMSP01.js';
-const codes = { GMSJ01, GMSJ0A };
+import * as GMSP01 from './code/GMSP01.js';
+const codes = { GMSJ01, GMSJ0A, GMSP01 };
 
 export const defaultConfig = {
   x: 16,
@@ -16,94 +19,91 @@ export const defaultConfig = {
   fgA: 0xff,
   fgRGB2: null,
   fgA2: null,
+  bgRGB: 0,
+  bgA: 0,
+  bgLeft: 0,
+  bgRight: 0,
+  bgTop: 0,
+  bgBot: 0,
   label: 'Pattern ',
 };
+
 /** @returns {typeof defaultConfig} */
 export function getConfig() {
   const config =
     (typeof localStorage !== 'undefined' && parseJSON(localStorage.getItem(lskey))) || {};
-  return { ...defaultConfig, ...config };
+  const o = { ...defaultConfig, ...config };
+  return { ...o, text: getPreviewText(o) };
 }
 
-const addrDrawText = 0x817f0238;
-const addrCodeBase = 0x817f9000;
-const addrPV1Data1 = 0x817f9167;
-const addrFmt0 = 0x817f919d;
+/** @param {typeof defaultConfig} config */
+export const getPreviewText = ({ label }) => label + '#0 0 0';
+
+const codePattern = `
+452020FF 213200FF
+621CFF1D 32005025
+25252630 01FF4520
+20213001 FFFF621C
+1D300151 0707FF08
+3102FF36 01FF0231
+021E6E20 FF
+`;
 
 /** @param {keyof typeof codes} version */
 export default function codegen(version) {
-  const { x, y, fontSize, fgRGB, fgA, fgRGB2, fgA2, label } = getConfig();
+  const config = getConfig();
+  const { x, y, fontSize, fgRGB, fgA, fgRGB2, fgA2, bgA, label } = config;
   const colorTop = (fgRGB << 8) | fgA;
   const colorBot = fgRGB2 == null || fgA2 == null ? colorTop : (fgRGB2 << 8) | fgA;
-  const text = label + '>%X>%X>%X';
-  const fmtCS0 = strlen(label);
-  const fmtCSD = 3;
+  const text = label + '%c%X%c%X%c%X';
 
-  const { code04, addrDraw2D, codes: cs0 } = codes[version];
-  const cs = cs0.map((e) => e.replace(/\s+/g, ''));
-  const params = [
-    liDX(3, x),
-    liDX(4, y),
-    liDX(5, fontSize),
-    liDX(6, colorTop),
-    colorTop === colorBot ? ASM.mr(7, 6) : liDX(7, colorBot),
-  ].flatMap((e) => e);
-  const extraOffset = (params.length - 5) << 2; // default: 5 inst
-  let pc;
-  // 07
-  let code07 = '801F0000';
-  /* li32 rEntry, .data.patterns.PV1-1 */
-  code07 += liDX(8, addrPV1Data1 + extraOffset)
-    .map(inst2gecko)
-    .join('');
-  code07 += cs[0];
-  /* li r8 */
-  code07 += liDX(8, addrFmt0 + extraOffset)
-    .map(inst2gecko)
-    .join('');
-  code07 += cs[1];
-  /* stb r0/12/12, fmtCS0+fmtCSD*i(r8) */
-  code07 += [
-    ASM.stb(0, 8, fmtCS0),
-    0x540cc63e,
-    ASM.stb(12, 8, fmtCS0 + fmtCSD),
-    0x540c863e,
-    ASM.stb(12, 8, fmtCS0 + fmtCSD * 2),
+  const { code04, codeBase } = codes[version];
+  const code07 = [
+    codeBase,
+    // drawTextOpt
+    int2hex(x, 2),
+    int2hex(y, 2),
+    int2hex(fontSize, 4),
+    int2hex(colorTop, 4),
+    int2hex(colorBot, 4),
+    // pattern.s
+    codePattern,
+    // fmt
+    str2hex(text, version),
   ]
-    .flatMap((e) => e)
-    .map(inst2gecko)
+    .map((s) => s.replace(/\s+/g, ''))
     .join('');
-  /* (code) */
-  code07 += cs[2];
-  /* r3~r7 */
-  code07 += params.map(inst2gecko).join('');
-  code07 += '4CC63182'; // crclr 6
-  /* bl drawText */
-  pc = addrCodeBase + (code07.length >> 1);
-  code07 += ASM.b(addrDrawText - pc, true)
-    .map(inst2gecko)
-    .join('');
-  /* addi */
-  code07 += '38210010';
-  /* b 4+$b$.draw2d */
-  pc = addrCodeBase + (code07.length >> 1);
-  code07 += ASM.b(4 + addrDraw2D - pc, false)
-    .map(inst2gecko)
-    .join('');
-  /* (code) */
-  code07 += cs[3];
-  /* fmt */
-  // prepend 1 dummy char as 'FF' in code
-  code07 += str2inst('.' + text)
-    .map(inst2gecko)
-    .join('')
-    .slice(2);
 
-  const head07 = [0x06000000 | (addrCodeBase & 0x1ffffff), code07.length >> 1]
-    .map(inst2gecko)
-    .join('');
-  // align code 07 (8 digit = 4 byte)
-  if (code07.length & 8) code07 += '00000000';
+  const head07 = [
+    '077F9000',
+    // byte count = hex length >> 1
+    int2hex(code07.length >> 1, 4),
+  ].join('');
 
-  return (code04 + head07 + code07).replace(/\s+/g, '');
+  // align code 07 (1 line = 16 hex digits)
+  const tail07 = ''.padEnd(code07.length % 16 ? 16 - (code07.length % 16) : 0, '0');
+
+  // background
+  const addrFillRect = addrs.fillRect[version];
+  const codeBg = bgA
+    ? [
+        0xc2000000 + ((addrs.drawWater[version] - 0x28) & 0x01ffffff),
+        0x00000007,
+        0x48000019, // bl trick
+        // rect, color
+        ...getFillRectParams(config, measureText(label + '#0 0 0', version)),
+        0x7c6802a6, // mtlr r3
+        0x38830010, // addi r4, r3, 0x10
+        0x3d800000 | (addrFillRect >>> 16), // lis r12, fill_rect@h
+        0x618c0000 | (addrFillRect & 0xffff), // ori r12, r12, fill_rect@l
+        0x7d8803a6, // mtlr r12
+        0x4e800021, // blrl
+        0x60000000, // nop
+        0x00000000, // End of C2
+      ]
+        .map(inst2gecko)
+        .join('')
+    : '';
+
+  return (code04 + head07 + code07 + tail07 + codeBg).replace(/\s+/g, '');
 }
diff --git a/site/.vuepress/components/codes/PatternSelector/config.vue b/site/.vuepress/components/codes/PatternSelector/config.vue
index 086e2d5..b1c174a 100644
--- a/site/.vuepress/components/codes/PatternSelector/config.vue
+++ b/site/.vuepress/components/codes/PatternSelector/config.vue
@@ -11,19 +11,12 @@
 </template>
 
 <script>
-import {getConfig, lskey} from './codegen.js';
+import {getConfig, defaultConfig, lskey, getPreviewText} from './codegen.js';
 import labels from './labels.json';
 import TextConfig from '../TextConfig.vue';
+import { makeUpdateConfig } from '../utils.js';
 
-function updateConfig() {
-  const {x, y, fontSize, fgRGB, fgA, fgRGB2, fgA2, label} = this;
-  const config = {
-    x, y, fontSize, fgRGB, fgA, fgRGB2, fgA2, label,
-  };
-  localStorage.setItem(lskey, JSON.stringify(config));
-  this.$emit('config', config);
-}
-
+const updateConfig = makeUpdateConfig(lskey, defaultConfig, getPreviewText);
 export default {
   components: {
     TextConfig,
diff --git a/site/.vuepress/components/codes/TextConfig.vue b/site/.vuepress/components/codes/TextConfig.vue
index c420645..e54d120 100644
--- a/site/.vuepress/components/codes/TextConfig.vue
+++ b/site/.vuepress/components/codes/TextConfig.vue
@@ -15,6 +15,23 @@
       <span>{{l.fgColor2}}</span><input type="color" :value="rgbI2S(fgRGB2)" @change="fgRGB2 = rgbS2I($event.target.value)">
       <span>{{l.alpha}}</span><input type="number" min="0" max="255" v-model.number="fgA2"><span>/255={{(fgA2/2.55).toFixed(1)}}%</span>
     </div>
+    <div>
+      <div>
+        <span>{{ l.bgColor }}</span
+        ><input type="color" :value="rgbI2S(bgRGB)" @change="bgRGB = rgbS2I($event.target.value)" />
+        <span>{{ l.alpha }}</span
+        ><input type="number" min="0" max="254" v-model.number="bgA" /><span
+          >/255={{ (bgA / 2.55).toFixed(1) }}%</span
+        >
+      </div>
+      <div>
+        <span>{{ l.bgOffset }}</span>
+        <span>{{ l.left }}</span><input type="number" v-model.number="bgLeft" />
+        <span>{{ l.right }}</span><input type="number" v-model.number="bgRight" />
+        <span>{{ l.top }}</span><input type="number" v-model.number="bgTop" />
+        <span>{{ l.bottom }}</span><input type="number" v-model.number="bgBot" />
+      </div>
+    </div>
   </div>
 </template>
 
@@ -41,6 +58,7 @@ export default {
     },
     ...Object.fromEntries([
       'x', 'y', 'fontSize', 'fgRGB', 'fgA', 'fgRGB2', 'fgA2',
+      'bgRGB', 'bgA', 'bgLeft', 'bgRight', 'bgTop', 'bgBot',
     ].map(k => [k, makeField(k)])),
   },
   methods: {
@@ -72,7 +90,7 @@ input[type=number], td.right {
   text-align: right;
 }
 input[type="number"] {
-  width: 3em;
+  width: 2em;
   margin: 0 2px;
 }
 .appearance > div {
diff --git a/site/.vuepress/components/codes/addrs.js b/site/.vuepress/components/codes/addrs.js
new file mode 100644
index 0000000..a5dd95a
--- /dev/null
+++ b/site/.vuepress/components/codes/addrs.js
@@ -0,0 +1,28 @@
+export default {
+  drawText: 0x817f0238,
+  drawWater: {
+    GMSJ01: 0x80206a00,
+    GMSJ0A: 0x8012556c,
+    GMSE01: 0x801441e0,
+    GMSP01: 0x80138e1c,
+  },
+  fillRect: {
+    GMSJ01: 0x80201ea8,
+    GMSJ0A: 0x80121660,
+    GMSE01: 0x80140390,
+    GMSP01: 0x80134f0c,
+  },
+  setup2D: {
+    GMSJ01: 0x80035228,
+    GMSJ0A: 0x802caecc,
+    GMSE01: 0x802eb6bc,
+    GMSP01: 0x802e3864,
+  },
+  // r1 offset of J2DGrafContext in TGCConsole2::perform()
+  ctxSpOff: {
+    GMSJ01: 0xe90,
+    GMSJ0A: 0xbec,
+    GMSE01: 0xbd0,
+    GMSP01: 0xbe4,
+  },
+};
diff --git a/site/.vuepress/components/codes/asm.js b/site/.vuepress/components/codes/asm.js
index 6117066..9bc30a4 100644
--- a/site/.vuepress/components/codes/asm.js
+++ b/site/.vuepress/components/codes/asm.js
@@ -173,16 +173,39 @@ export function liDX(rT, D) {
   }
 }
 
-/** @param {string} s */
-export function strlen(s) {
-  const fmtbuf = Encoding.convert(Encoding.stringToCode(s), 'SJIS');
-  return fmtbuf.length; // not NUL terminated
+/**
+ * @param {string} s
+ * @param {string} version
+ */
+export function str2bytes(s, version) {
+  const enc = version.startsWith('GMSJ') ? 'SJIS' : '';
+  const fmtbuf = version.startsWith('GMSJ')
+    ? Encoding.convert(Encoding.stringToCode(s), 'SJIS') // Shift-JIS
+    : Array.from(s, (c) => {
+        // latin1
+        const x = c.charCodeAt(0);
+        // replace the char with space if it is multi-byte
+        return x >= 0x100 ? 0x20 : x;
+      });
+  fmtbuf.push(0); // NUL terminated
+  return fmtbuf;
 }
 
-/** @param {string} s */
-export function str2inst(s) {
-  const fmtbuf = Encoding.convert(Encoding.stringToCode(s), 'SJIS');
-  fmtbuf.push(0); // NUL terminated
+/**
+ * @param {string} s
+ * @param {string} version
+ */
+export const str2hex = (s, version) =>
+  str2bytes(s, version)
+    .map((x) => x.toString(16).toUpperCase().padStart(2, '0'))
+    .join('');
+
+/**
+ * @param {string} s
+ * @param {string} version
+ */
+export function str2inst(s, version) {
+  const fmtbuf = str2bytes(s, version);
   const fmtlen = fmtbuf.length;
   const fmtlen3 = fmtlen & 3;
   const pad = fmtlen3 ? 4 - fmtlen3 : 0;
@@ -223,3 +246,30 @@ export function makeProgram(pc) {
 
 /** @param {number} x */
 export const inst2gecko = (x) => (x >>> 0).toString(16).toUpperCase().padStart(8, '0');
+
+/**
+ * @param {{
+ *   x: number,
+ *   y: number,
+ *   fontSize: number,
+ *   bgRGB: number,
+ *   bgA: number,
+ *   bgLeft: number,
+ *   bgRight: number,
+ *   bgTop: number,
+ *   bgBot: number
+ * }} opt
+ * @param {{width: number, height: number}} size
+ **/
+export const getFillRectParams = (
+  { x, y, fontSize, bgRGB, bgA, bgLeft, bgRight, bgTop, bgBot },
+  { width, height },
+) => [
+  // rect
+  x - bgLeft, // x0
+  y - fontSize - bgTop, // y0
+  x + Math.ceil((width * fontSize) / 20) + bgRight, // x1
+  y - fontSize + Math.ceil((height * fontSize) / 20) + bgBot, // y1
+  // color
+  (bgRGB << 8) | bgA,
+];
diff --git a/site/.vuepress/components/codes/labels.json b/site/.vuepress/components/codes/labels.json
index 7ea4e0b..458b625 100644
--- a/site/.vuepress/components/codes/labels.json
+++ b/site/.vuepress/components/codes/labels.json
@@ -6,7 +6,13 @@
     "fgColorGrad": "グラデーション",
     "fgColor1": "文字色(上)：",
     "fgColor2": "文字色(下)：",
-    "alpha": "不透明度="
+    "alpha": "不透明度=",
+    "bgColor": "背景色：",
+    "bgOffset": "背景位置：",
+    "left": "左",
+    "right": "右",
+    "top": "上",
+    "bottom": "下"
   },
   "en-US": {
     "location": "Location: ",
@@ -15,6 +21,22 @@
     "fgColorGrad": "Gradient",
     "fgColor1": "Font color(Top): ",
     "fgColor2": "Font color(Bottom): ",
-    "alpha": "Alpha="
+    "alpha": "Alpha=",
+    "bgColor": "Background color: ",
+    "bgOffset": "Background offset: ",
+    "left": "Left",
+    "right": "Right",
+    "top": "Top",
+    "bottom": "Bottom"
+  },
+  "fr-FR": {
+    "location": "Position : ",
+    "fontSize": "Taille de police : ",
+    "fgColor": "Couleur du texte : ",
+    "fgColorGrad": "Dégradé",
+    "fgColor1": "Couleur du texte (haut) : ",
+    "fgColor2": "Couleur du texte (bas) : ",
+    "bgColor": "Couleur de fond : ",
+    "alpha": "Alpha = "
   }
 }
diff --git a/site/.vuepress/components/codes/qft/codegen.js b/site/.vuepress/components/codes/qft/codegen.js
index 88a286f..ad66eba 100644
--- a/site/.vuepress/components/codes/qft/codegen.js
+++ b/site/.vuepress/components/codes/qft/codegen.js
@@ -1,10 +1,13 @@
 import { parseJSON } from '../codegen.js';
+import { getFillRectParams } from '../asm';
+import { int2hex } from '../utils';
 export const lskey = 'config/qft';
 
+export const getPreviewText = () => '0:00.000';
+
 export const defaultConfig = {
   x: 16,
   y: 456,
-  width: 112,
   fontSize: 20,
   fgRGB: 0xffffff,
   fgA: 0xff,
@@ -12,6 +15,10 @@ export const defaultConfig = {
   fgA2: null,
   bgRGB: 0x000000,
   bgA: 0x80,
+  bgLeft: 0,
+  bgRight: 2,
+  bgTop: 2,
+  bgBot: 0,
   freezeDuration: 30,
   freeze: {
     yellowCoin: false,
@@ -35,6 +42,7 @@ export const defaultConfig = {
   },
 };
 
+/** @returns {typeof defaultConfig} */
 export function getConfig() {
   const config =
     (typeof localStorage !== 'undefined' && parseJSON(localStorage.getItem(lskey))) || {};
@@ -45,6 +53,7 @@ export function getConfig() {
       ...defaultConfig.freeze,
       ...config.freeze,
     },
+    text: getPreviewText(),
   };
 }
 
@@ -57,8 +66,10 @@ import * as GMSP01 from './code/GMSP01.js';
 import * as GMSJ0A from './code/GMSJ0A.js';
 export const codes = { GMSJ01, GMSE01, GMSP01, GMSJ0A };
 
-import statusDB from './code/status.js';
-export const statusKeys = Object.keys(statusDB);
+import { measureText } from '../text.js';
+import statusDB0 from './code/status.js';
+const statusDB = /**@type{Record<string,number[]>}*/ (statusDB0);
+export const statusKeys = Object.keys(statusDB0);
 
 /****
 ## save freeze frame, load and save QF
@@ -100,7 +111,7 @@ export default function codegen(version, baseCode) {
       const hook = freezeCodeHooks[key];
       if (hook) {
         if (key === 'blueCoin') {
-          const addr = hook;
+          const addr = /**@type{number}*/ (hook);
           // special: needs to adjust QF -> use separate C2 instead
           code += [
             0xc2000000 + (addr & 0x1ffffff),
@@ -234,25 +245,24 @@ export default function codegen(version, baseCode) {
 
   // ui
   /* bounds */
-  const { x, y, fontSize, width } = config;
+  const { x, y, fontSize, bgLeft, bgRight, bgTop, bgBot } = config;
+  const rect = getFillRectParams(config, measureText(getPreviewText(), version));
+  const [bgColor] = rect.splice(-1);
   const scale = fontSize / 20;
   code += '077F0094 0000001D';
-  code += [
-    x, // x1
-    y - fontSize - 2, // y1
-    x + width * scale, // x2
-    y, // y2
-  ]
-    .map(int2gecko)
-    .join('');
+  code += rect.map(int2gecko).join('');
   code += '25753a253032752e2530337500000000'; // fmt
-  /* fontSize, fgColor, bgColor */
-  code += '077F0110 00000010';
-  const bgColor = (config.bgRGB & 0xffffff) * 256 + (config.bgA & 0xff);
+  /**
+   * 817F0110 drawTextOpt: {x, y, fontSize, colorTop, colorBot}
+   * 817F0120 bgColor
+   */
+  code += '077F0110 00000014';
   const fgColor = (config.fgRGB & 0xffffff) * 256 + (config.fgA & 0xff);
   const fgColor2 =
     ((config.fgRGB2 ?? config.fgRGB) & 0xffffff) * 256 + ((config.fgA2 ?? config.fgA) & 0xff);
+  code += [x, y].map((x) => int2hex(x, 2)).join('');
   code += [fontSize, fgColor, fgColor2, bgColor].map(int2gecko).join('');
+  code += '00000000';
 
   return code.replace(/\s/g, '');
 }
diff --git a/site/.vuepress/components/codes/qft/config.vue b/site/.vuepress/components/codes/qft/config.vue
index cc0437c..b1017c0 100644
--- a/site/.vuepress/components/codes/qft/config.vue
+++ b/site/.vuepress/components/codes/qft/config.vue
@@ -2,17 +2,7 @@
   <div id="config">
     <section class="appearance">
       <h3>{{ l.h3 }}</h3>
-      <div>
-        <TextConfig v-model="textConfig" />
-      </div>
-      <div>
-        <span>{{ l.bgColor }}</span
-        ><input type="color" :value="rgbI2S(bgRGB)" @change="bgRGB = rgbS2I($event.target.value)" />
-        <span>{{ l.alpha }}</span
-        ><input type="number" min="0" max="255" v-model.number="bgA" /><span
-          >/255={{ (bgA / 2.55).toFixed(1) }}%</span
-        >
-      </div>
+      <TextConfig v-model="textConfig" />
     </section>
     <section class="freeze">
       <h3>{{ l.freeze.h3 }}</h3>
@@ -35,31 +25,12 @@
 </template>
 
 <script>
-import { getConfig, lskey, codes, statusKeys } from './codegen.js';
-import { rgbI2S, rgbS2I, rgbaI2S } from '../utils';
+import { defaultConfig, lskey, getConfig, getPreviewText, codes, statusKeys } from './codegen.js';
+import { makeUpdateConfig, rgbI2S, rgbS2I, rgbaI2S } from '../utils';
 import labels from './labels.json';
 import TextConfig from '../TextConfig.vue';
 
-function updateConfig() {
-  const { x, y, fontSize, width, fgRGB, fgA, fgRGB2, fgA2, bgRGB, bgA, freeze, freezeDuration } = this;
-  const config = {
-    x,
-    y,
-    fontSize,
-    width,
-    fgRGB,
-    fgA,
-    fgRGB2,
-    fgA2,
-    bgRGB,
-    bgA,
-    freeze,
-    freezeDuration,
-  };
-  localStorage.setItem(lskey, JSON.stringify(config));
-  this.$emit('config', config);
-}
-
+const updateConfig = makeUpdateConfig(lskey, defaultConfig, getPreviewText);
 export default {
   components: {
     TextConfig,
@@ -87,21 +58,9 @@ export default {
     rgbaI2S,
   },
   data() {
-    const { x, y, fontSize, width, fgRGB, fgA, fgRGB2, fgA2, bgRGB, bgA, freeze, freezeDuration } =
-      getConfig();
+    const config = getConfig();
     return {
-      x,
-      y,
-      fontSize,
-      fgRGB,
-      fgA,
-      fgRGB2,
-      fgA2,
-      width,
-      bgRGB,
-      bgA,
-      freeze,
-      freezeDuration,
+      ...config,
       // const
       freezeKeys: [
         ...Object.keys(codes[this.version]?.freezeCodeHooks ?? {}),
@@ -115,8 +74,7 @@ export default {
     },
     textConfig: {
       get() {
-        const { x, y, fontSize, fgRGB, fgA, fgRGB2, fgA2 } = this;
-        return { x, y, fontSize, fgRGB, fgA, fgRGB2, fgA2 };
+        return this;
       },
       set(value) {
         Object.assign(this, value);
@@ -126,8 +84,6 @@ export default {
   },
   watch: {
     width: updateConfig,
-    bgRGB: updateConfig,
-    bgA: updateConfig,
     freezeDuration: updateConfig,
   },
 };
diff --git a/site/.vuepress/components/codes/qft/labels.json b/site/.vuepress/components/codes/qft/labels.json
index a48560a..5e484bc 100644
--- a/site/.vuepress/components/codes/qft/labels.json
+++ b/site/.vuepress/components/codes/qft/labels.json
@@ -1,14 +1,6 @@
 {
   "ja-JP": {
     "h3": "見た目",
-    "location": "位置：",
-    "fontSize": "文字サイズ：",
-    "fgColor": "文字色：",
-    "fgColorGrad": "グラデーション",
-    "fgColor1": "文字色(上)：",
-    "fgColor2": "文字色(下)：",
-    "bgColor": "背景色：",
-    "alpha": "不透明度=",
     "preview": "プレビュー",
     "previewNote": "※ x座標の範囲は0~600、y座標の範囲は16~464です",
     "freeze": {
@@ -40,14 +32,6 @@
   },
   "en-US": {
     "h3": "Appearance",
-    "location": "Location: ",
-    "fontSize": "Font size: ",
-    "fgColor": "Font color: ",
-    "fgColorGrad": "Gradient",
-    "fgColor1": "Font color (top): ",
-    "fgColor2": "Font color (bottom): ",
-    "bgColor": "Background color: ",
-    "alpha": "Alpha=",
     "preview": "Preview",
     "previewNote": "※ x ranges from 0 to 600, and y ranges from 16 to 464.",
     "freeze": {
@@ -79,14 +63,6 @@
   },
   "fr-FR": {
     "h3": "Apparence",
-    "location": "Position : ",
-    "fontSize": "Taille de police : ",
-    "fgColor": "Couleur du texte : ",
-    "fgColorGrad": "Dégradé",
-    "fgColor1": "Couleur du texte (haut) : ",
-    "fgColor2": "Couleur du texte (bas) : ",
-    "bgColor": "Couleur de fond : ",
-    "alpha": "Alpha = ",
     "preview": "Aperçu",
     "previewNote": "※ x doit être entre 0 et 600, et y entre 16 et 464.",
     "freeze": {
diff --git a/site/.vuepress/components/codes/text.js b/site/.vuepress/components/codes/text.js
new file mode 100644
index 0000000..c350c09
--- /dev/null
+++ b/site/.vuepress/components/codes/text.js
@@ -0,0 +1,57 @@
+/** @typedef {{index: number, kerning: number, width: number, code: number}} CharInfo */
+import charInfoJP from '../../data/charInfo-JP.json';
+import charInfoEU from '../../data/charInfo-EU.json';
+
+/**
+ * @param {string} version
+ */
+const getFontInfo = (version) =>
+  ['GMSJ01', 'GMSJ0A'].includes(version)
+    ? {
+        // JP
+        charInfo: /**@type{Record<string, CharInfo>}*/ (charInfoJP),
+        rowSize: 24, // how many char in a row of the img
+        multibyte: true,
+      }
+    : {
+        // EU (TODO US)
+        charInfo: /**@type{Record<string, CharInfo>}*/ (charInfoEU),
+        rowSize: 16, // how many char in a row of the img
+        multibyte: false,
+      };
+
+/**
+ * @param {string} text
+ * @param {string} version
+ */
+export function measureText(text, version) {
+  const { charInfo, rowSize, multibyte } = getFontInfo(version);
+
+  /** @type {{x: number, y: number, u: number, v: number}[]} */
+  const chars = [];
+  let x = 0;
+  let y = 0;
+  let w = 0;
+  let useKerning = false;
+  text.split('').forEach((c) => {
+    const { index, kerning, width } =
+      charInfo[c] ?? (multibyte && c.charCodeAt(0) >= 0x80 ? charInfo['?'] : charInfo[' ']);
+    if (c === '\n') {
+      useKerning = false;
+      x = 0;
+      y += 20;
+      return;
+    }
+    if (useKerning) x -= kerning;
+    useKerning = true;
+    // uv
+    const [u, v] = [(index % rowSize) * 20, ((index / rowSize) | 0) * 20];
+    chars.push({ x, y, u, v });
+    // next
+    x += width + kerning;
+    // update width
+    if (x > w) w = x;
+  });
+
+  return { chars, width: w, height: y + 20 };
+}
diff --git a/site/.vuepress/components/codes/utils.js b/site/.vuepress/components/codes/utils.js
index ee64142..e8943f5 100644
--- a/site/.vuepress/components/codes/utils.js
+++ b/site/.vuepress/components/codes/utils.js
@@ -1,3 +1,38 @@
+/**
+ * @template T extends {Record<string, any>|Record<string, any>[]}
+ * @param {string} lskey
+ * @param {T} defaultConfig
+ * @param {(config: T)=>string} [makeText]
+ */
+export function makeUpdateConfig(lskey, defaultConfig, makeText) {
+  const configKeys = Object.keys(defaultConfig);
+  /** @type {(o: any)=>T} */
+  const makeConfig =
+    defaultConfig instanceof Array
+      ? (o) => o.config
+      : (o) => Object.fromEntries(configKeys.map((k) => [k, o[k]]));
+
+  /** @this {any} */
+  return function updateConfig() {
+    // save config to localStorage
+    const config = makeConfig(this);
+    localStorage.setItem(lskey, JSON.stringify(config));
+    // emit `config` event to parent
+    this.$emit('config', makeText ? { ...config, text: makeText(config) } : config);
+  };
+}
+
+/**
+ * @param {number} x -- number to convert
+ * @param {number} size -- byte count
+ */
+export const int2hex = (x, size) =>
+  (x >>> 0)
+    .toString(16)
+    .toUpperCase()
+    .padStart(size << 1, '0')
+    .slice(-(size << 1));
+
 /** @param {number} rgb */
 export const rgbI2S = (rgb) => '#' + rgb.toString(16).padStart(6, '0');
 /** @param {string} s */
@@ -9,7 +44,18 @@ export const rgbS2I = (s) => parseInt(s.slice(1), 16);
 export const rgbaI2S = (rgb, a) =>
   '#' + rgb.toString(16).padStart(6, '0') + a.toString(16).padStart(2, '0');
 
-export const fg2Style = (rgb, a, rgb2, a2) => {
-  const c = rgbaI2S(rgb, a);
-  return rgb2 == null || a2 == null ? c : `linear-gradient(180deg, ${c}, ${rgbaI2S(rgb2, a2)})`;
-};
+/** @type {(labels: Record<string, any>, locale: string, fallbackLocale?: string) => (key: string) => string} */
+export const makeGetLabel =
+  (labels, locale, fallbackLocale = 'en-US') =>
+  (key) => {
+    const segs = key.split('.');
+    for (const localeTry of [locale, fallbackLocale]) {
+      let o = labels[localeTry];
+      for (const seg of segs) {
+        if (o == null) break;
+        o = o[seg];
+      }
+      if (o != null) return o;
+    }
+    return null;
+  };
diff --git a/site/.vuepress/data/charInfo-EU.json b/site/.vuepress/data/charInfo-EU.json
new file mode 100644
index 0000000..9b94502
--- /dev/null
+++ b/site/.vuepress/data/charInfo-EU.json
@@ -0,0 +1,1346 @@
+{
+  " ": {
+    "index": 0,
+    "kerning": 0,
+    "width": 11,
+    "code": 32
+  },
+  "!": {
+    "index": 1,
+    "kerning": 3,
+    "width": 9,
+    "code": 33
+  },
+  "\"": {
+    "index": 2,
+    "kerning": 3,
+    "width": 9,
+    "code": 34
+  },
+  "#": {
+    "index": 3,
+    "kerning": 0,
+    "width": 20,
+    "code": 35
+  },
+  "$": {
+    "index": 4,
+    "kerning": 0,
+    "width": 20,
+    "code": 36
+  },
+  "%": {
+    "index": 5,
+    "kerning": 0,
+    "width": 20,
+    "code": 37
+  },
+  "&": {
+    "index": 6,
+    "kerning": 0,
+    "width": 20,
+    "code": 38
+  },
+  "'": {
+    "index": 7,
+    "kerning": 4,
+    "width": 5,
+    "code": 39
+  },
+  "(": {
+    "index": 8,
+    "kerning": 3,
+    "width": 14,
+    "code": 40
+  },
+  ")": {
+    "index": 9,
+    "kerning": 0,
+    "width": 15,
+    "code": 41
+  },
+  "*": {
+    "index": 10,
+    "kerning": 0,
+    "width": 20,
+    "code": 42
+  },
+  "+": {
+    "index": 11,
+    "kerning": 0,
+    "width": 20,
+    "code": 43
+  },
+  ",": {
+    "index": 12,
+    "kerning": 0,
+    "width": 8,
+    "code": 44
+  },
+  "-": {
+    "index": 13,
+    "kerning": 0,
+    "width": 20,
+    "code": 45
+  },
+  ".": {
+    "index": 14,
+    "kerning": 0,
+    "width": 8,
+    "code": 46
+  },
+  "/": {
+    "index": 15,
+    "kerning": 0,
+    "width": 20,
+    "code": 47
+  },
+  "0": {
+    "index": 16,
+    "kerning": 1,
+    "width": 16,
+    "code": 48
+  },
+  "1": {
+    "index": 17,
+    "kerning": 2,
+    "width": 12,
+    "code": 49
+  },
+  "2": {
+    "index": 18,
+    "kerning": 1,
+    "width": 15,
+    "code": 50
+  },
+  "3": {
+    "index": 19,
+    "kerning": 2,
+    "width": 14,
+    "code": 51
+  },
+  "4": {
+    "index": 20,
+    "kerning": 1,
+    "width": 16,
+    "code": 52
+  },
+  "5": {
+    "index": 21,
+    "kerning": 1,
+    "width": 15,
+    "code": 53
+  },
+  "6": {
+    "index": 22,
+    "kerning": 1,
+    "width": 15,
+    "code": 54
+  },
+  "7": {
+    "index": 23,
+    "kerning": 1,
+    "width": 15,
+    "code": 55
+  },
+  "8": {
+    "index": 24,
+    "kerning": 1,
+    "width": 15,
+    "code": 56
+  },
+  "9": {
+    "index": 25,
+    "kerning": 1,
+    "width": 16,
+    "code": 57
+  },
+  ":": {
+    "index": 26,
+    "kerning": 3,
+    "width": 7,
+    "code": 58
+  },
+  ";": {
+    "index": 27,
+    "kerning": 3,
+    "width": 7,
+    "code": 59
+  },
+  "<": {
+    "index": 28,
+    "kerning": 0,
+    "width": 20,
+    "code": 60
+  },
+  "=": {
+    "index": 29,
+    "kerning": 0,
+    "width": 20,
+    "code": 61
+  },
+  ">": {
+    "index": 30,
+    "kerning": 0,
+    "width": 20,
+    "code": 62
+  },
+  "?": {
+    "index": 31,
+    "kerning": 1,
+    "width": 15,
+    "code": 63
+  },
+  "@": {
+    "index": 32,
+    "kerning": 0,
+    "width": 20,
+    "code": 64
+  },
+  "A": {
+    "index": 33,
+    "kerning": 1,
+    "width": 17,
+    "code": 65
+  },
+  "B": {
+    "index": 34,
+    "kerning": 1,
+    "width": 16,
+    "code": 66
+  },
+  "C": {
+    "index": 35,
+    "kerning": 1,
+    "width": 16,
+    "code": 67
+  },
+  "D": {
+    "index": 36,
+    "kerning": 2,
+    "width": 15,
+    "code": 68
+  },
+  "E": {
+    "index": 37,
+    "kerning": 2,
+    "width": 14,
+    "code": 69
+  },
+  "F": {
+    "index": 38,
+    "kerning": 2,
+    "width": 14,
+    "code": 70
+  },
+  "G": {
+    "index": 39,
+    "kerning": 1,
+    "width": 17,
+    "code": 71
+  },
+  "H": {
+    "index": 40,
+    "kerning": 1,
+    "width": 16,
+    "code": 72
+  },
+  "I": {
+    "index": 41,
+    "kerning": 4,
+    "width": 6,
+    "code": 73
+  },
+  "J": {
+    "index": 42,
+    "kerning": 2,
+    "width": 13,
+    "code": 74
+  },
+  "K": {
+    "index": 43,
+    "kerning": 2,
+    "width": 14,
+    "code": 75
+  },
+  "L": {
+    "index": 44,
+    "kerning": 2,
+    "width": 14,
+    "code": 76
+  },
+  "M": {
+    "index": 45,
+    "kerning": 0,
+    "width": 19,
+    "code": 77
+  },
+  "N": {
+    "index": 46,
+    "kerning": 1,
+    "width": 16,
+    "code": 78
+  },
+  "O": {
+    "index": 47,
+    "kerning": 1,
+    "width": 17,
+    "code": 79
+  },
+  "P": {
+    "index": 48,
+    "kerning": 1,
+    "width": 16,
+    "code": 80
+  },
+  "Q": {
+    "index": 49,
+    "kerning": 1,
+    "width": 18,
+    "code": 81
+  },
+  "R": {
+    "index": 50,
+    "kerning": 1,
+    "width": 16,
+    "code": 82
+  },
+  "S": {
+    "index": 51,
+    "kerning": 2,
+    "width": 14,
+    "code": 83
+  },
+  "T": {
+    "index": 52,
+    "kerning": 2,
+    "width": 13,
+    "code": 84
+  },
+  "U": {
+    "index": 53,
+    "kerning": 1,
+    "width": 16,
+    "code": 85
+  },
+  "V": {
+    "index": 54,
+    "kerning": 1,
+    "width": 16,
+    "code": 86
+  },
+  "W": {
+    "index": 55,
+    "kerning": 0,
+    "width": 20,
+    "code": 87
+  },
+  "X": {
+    "index": 56,
+    "kerning": 1,
+    "width": 15,
+    "code": 88
+  },
+  "Y": {
+    "index": 57,
+    "kerning": 1,
+    "width": 15,
+    "code": 89
+  },
+  "Z": {
+    "index": 58,
+    "kerning": 2,
+    "width": 14,
+    "code": 90
+  },
+  "[": {
+    "index": 59,
+    "kerning": 0,
+    "width": 20,
+    "code": 91
+  },
+  "\\": {
+    "index": 60,
+    "kerning": 0,
+    "width": 20,
+    "code": 92
+  },
+  "]": {
+    "index": 61,
+    "kerning": 0,
+    "width": 20,
+    "code": 93
+  },
+  "^": {
+    "index": 62,
+    "kerning": 3,
+    "width": 9,
+    "code": 94
+  },
+  "_": {
+    "index": 63,
+    "kerning": 0,
+    "width": 20,
+    "code": 95
+  },
+  "`": {
+    "index": 64,
+    "kerning": 4,
+    "width": 5,
+    "code": 96
+  },
+  "a": {
+    "index": 65,
+    "kerning": 2,
+    "width": 13,
+    "code": 97
+  },
+  "b": {
+    "index": 66,
+    "kerning": 2,
+    "width": 14,
+    "code": 98
+  },
+  "c": {
+    "index": 67,
+    "kerning": 2,
+    "width": 11,
+    "code": 99
+  },
+  "d": {
+    "index": 68,
+    "kerning": 1,
+    "width": 14,
+    "code": 100
+  },
+  "e": {
+    "index": 69,
+    "kerning": 2,
+    "width": 13,
+    "code": 101
+  },
+  "f": {
+    "index": 70,
+    "kerning": 3,
+    "width": 9,
+    "code": 102
+  },
+  "g": {
+    "index": 71,
+    "kerning": 2,
+    "width": 13,
+    "code": 103
+  },
+  "h": {
+    "index": 72,
+    "kerning": 2,
+    "width": 12,
+    "code": 104
+  },
+  "i": {
+    "index": 73,
+    "kerning": 4,
+    "width": 6,
+    "code": 105
+  },
+  "j": {
+    "index": 74,
+    "kerning": 3,
+    "width": 8,
+    "code": 106
+  },
+  "k": {
+    "index": 75,
+    "kerning": 2,
+    "width": 12,
+    "code": 107
+  },
+  "l": {
+    "index": 76,
+    "kerning": 3,
+    "width": 7,
+    "code": 108
+  },
+  "m": {
+    "index": 77,
+    "kerning": 1,
+    "width": 17,
+    "code": 109
+  },
+  "n": {
+    "index": 78,
+    "kerning": 2,
+    "width": 13,
+    "code": 110
+  },
+  "o": {
+    "index": 79,
+    "kerning": 2,
+    "width": 14,
+    "code": 111
+  },
+  "p": {
+    "index": 80,
+    "kerning": 2,
+    "width": 14,
+    "code": 112
+  },
+  "q": {
+    "index": 81,
+    "kerning": 1,
+    "width": 14,
+    "code": 113
+  },
+  "r": {
+    "index": 82,
+    "kerning": 3,
+    "width": 9,
+    "code": 114
+  },
+  "s": {
+    "index": 83,
+    "kerning": 2,
+    "width": 13,
+    "code": 115
+  },
+  "t": {
+    "index": 84,
+    "kerning": 3,
+    "width": 9,
+    "code": 116
+  },
+  "u": {
+    "index": 85,
+    "kerning": 2,
+    "width": 13,
+    "code": 117
+  },
+  "v": {
+    "index": 86,
+    "kerning": 2,
+    "width": 13,
+    "code": 118
+  },
+  "w": {
+    "index": 87,
+    "kerning": 1,
+    "width": 17,
+    "code": 119
+  },
+  "x": {
+    "index": 88,
+    "kerning": 2,
+    "width": 11,
+    "code": 120
+  },
+  "y": {
+    "index": 89,
+    "kerning": 2,
+    "width": 12,
+    "code": 121
+  },
+  "z": {
+    "index": 90,
+    "kerning": 2,
+    "width": 12,
+    "code": 122
+  },
+  "{": {
+    "index": 91,
+    "kerning": 0,
+    "width": 20,
+    "code": 123
+  },
+  "|": {
+    "index": 92,
+    "kerning": 0,
+    "width": 20,
+    "code": 124
+  },
+  "}": {
+    "index": 93,
+    "kerning": 0,
+    "width": 20,
+    "code": 125
+  },
+  "~": {
+    "index": 94,
+    "kerning": 0,
+    "width": 20,
+    "code": 126
+  },
+  "\u007f": {
+    "index": 95,
+    "kerning": 0,
+    "width": 20,
+    "code": 127
+  },
+  "\u0080": {
+    "index": 96,
+    "kerning": 1,
+    "width": 16,
+    "code": 128
+  },
+  "\u0081": {
+    "index": 97,
+    "kerning": 0,
+    "width": 20,
+    "code": 129
+  },
+  "\u0082": {
+    "index": 98,
+    "kerning": 0,
+    "width": 8,
+    "code": 130
+  },
+  "\u0083": {
+    "index": 99,
+    "kerning": 2,
+    "width": 13,
+    "code": 131
+  },
+  "\u0084": {
+    "index": 100,
+    "kerning": 0,
+    "width": 12,
+    "code": 132
+  },
+  "\u0085": {
+    "index": 101,
+    "kerning": 1,
+    "width": 17,
+    "code": 133
+  },
+  "\u0086": {
+    "index": 102,
+    "kerning": 0,
+    "width": 20,
+    "code": 134
+  },
+  "\u0087": {
+    "index": 103,
+    "kerning": 0,
+    "width": 20,
+    "code": 135
+  },
+  "\u0088": {
+    "index": 104,
+    "kerning": 3,
+    "width": 9,
+    "code": 136
+  },
+  "\u0089": {
+    "index": 105,
+    "kerning": 0,
+    "width": 20,
+    "code": 137
+  },
+  "\u008a": {
+    "index": 106,
+    "kerning": 2,
+    "width": 14,
+    "code": 138
+  },
+  "\u008b": {
+    "index": 107,
+    "kerning": 3,
+    "width": 14,
+    "code": 139
+  },
+  "\u008c": {
+    "index": 108,
+    "kerning": 0,
+    "width": 19,
+    "code": 140
+  },
+  "\u008d": {
+    "index": 109,
+    "kerning": 0,
+    "width": 20,
+    "code": 141
+  },
+  "\u008e": {
+    "index": 110,
+    "kerning": 2,
+    "width": 14,
+    "code": 142
+  },
+  "\u008f": {
+    "index": 111,
+    "kerning": 0,
+    "width": 20,
+    "code": 143
+  },
+  "\u0090": {
+    "index": 112,
+    "kerning": 0,
+    "width": 20,
+    "code": 144
+  },
+  "\u0091": {
+    "index": 113,
+    "kerning": 4,
+    "width": 5,
+    "code": 145
+  },
+  "\u0092": {
+    "index": 114,
+    "kerning": 4,
+    "width": 5,
+    "code": 146
+  },
+  "\u0093": {
+    "index": 115,
+    "kerning": 3,
+    "width": 8,
+    "code": 147
+  },
+  "\u0094": {
+    "index": 116,
+    "kerning": 3,
+    "width": 8,
+    "code": 148
+  },
+  "\u0095": {
+    "index": 117,
+    "kerning": 1,
+    "width": 15,
+    "code": 149
+  },
+  "\u0096": {
+    "index": 118,
+    "kerning": 0,
+    "width": 20,
+    "code": 150
+  },
+  "\u0097": {
+    "index": 119,
+    "kerning": 0,
+    "width": 20,
+    "code": 151
+  },
+  "\u0098": {
+    "index": 120,
+    "kerning": 2,
+    "width": 13,
+    "code": 152
+  },
+  "\u0099": {
+    "index": 121,
+    "kerning": 2,
+    "width": 16,
+    "code": 153
+  },
+  "\u009a": {
+    "index": 122,
+    "kerning": 2,
+    "width": 13,
+    "code": 154
+  },
+  "\u009b": {
+    "index": 123,
+    "kerning": 0,
+    "width": 15,
+    "code": 155
+  },
+  "\u009c": {
+    "index": 124,
+    "kerning": 0,
+    "width": 19,
+    "code": 156
+  },
+  "\u009d": {
+    "index": 125,
+    "kerning": 0,
+    "width": 20,
+    "code": 157
+  },
+  "\u009e": {
+    "index": 126,
+    "kerning": 2,
+    "width": 12,
+    "code": 158
+  },
+  "\u009f": {
+    "index": 127,
+    "kerning": 1,
+    "width": 15,
+    "code": 159
+  },
+  "\u00a0": {
+    "index": 128,
+    "kerning": 0,
+    "width": 20,
+    "code": 160
+  },
+  "\u00a1": {
+    "index": 129,
+    "kerning": 2,
+    "width": 9,
+    "code": 161
+  },
+  "\u00a2": {
+    "index": 130,
+    "kerning": 2,
+    "width": 13,
+    "code": 162
+  },
+  "\u00a3": {
+    "index": 131,
+    "kerning": 1,
+    "width": 15,
+    "code": 163
+  },
+  "\u00a4": {
+    "index": 132,
+    "kerning": 1,
+    "width": 16,
+    "code": 164
+  },
+  "\u00a5": {
+    "index": 133,
+    "kerning": 0,
+    "width": 20,
+    "code": 165
+  },
+  "\u00a6": {
+    "index": 134,
+    "kerning": 4,
+    "width": 6,
+    "code": 166
+  },
+  "\u00a7": {
+    "index": 135,
+    "kerning": 2,
+    "width": 13,
+    "code": 167
+  },
+  "\u00a8": {
+    "index": 136,
+    "kerning": 2,
+    "width": 11,
+    "code": 168
+  },
+  "\u00a9": {
+    "index": 137,
+    "kerning": 0,
+    "width": 20,
+    "code": 169
+  },
+  "\u00aa": {
+    "index": 138,
+    "kerning": 2,
+    "width": 11,
+    "code": 170
+  },
+  "\u00ab": {
+    "index": 139,
+    "kerning": 3,
+    "width": 14,
+    "code": 171
+  },
+  "\u00ac": {
+    "index": 140,
+    "kerning": 1,
+    "width": 17,
+    "code": 172
+  },
+  "\u00ad": {
+    "index": 141,
+    "kerning": 0,
+    "width": 20,
+    "code": 173
+  },
+  "\u00ae": {
+    "index": 142,
+    "kerning": 0,
+    "width": 20,
+    "code": 174
+  },
+  "\u00af": {
+    "index": 143,
+    "kerning": 0,
+    "width": 20,
+    "code": 175
+  },
+  "\u00b0": {
+    "index": 144,
+    "kerning": 3,
+    "width": 9,
+    "code": 176
+  },
+  "\u00b1": {
+    "index": 145,
+    "kerning": 0,
+    "width": 20,
+    "code": 177
+  },
+  "\u00b2": {
+    "index": 146,
+    "kerning": 3,
+    "width": 9,
+    "code": 178
+  },
+  "\u00b3": {
+    "index": 147,
+    "kerning": 3,
+    "width": 9,
+    "code": 179
+  },
+  "\u00b4": {
+    "index": 148,
+    "kerning": 3,
+    "width": 9,
+    "code": 180
+  },
+  "\u00b5": {
+    "index": 149,
+    "kerning": 1,
+    "width": 15,
+    "code": 181
+  },
+  "\u00b6": {
+    "index": 150,
+    "kerning": 0,
+    "width": 20,
+    "code": 182
+  },
+  "\u00b7": {
+    "index": 151,
+    "kerning": 2,
+    "width": 13,
+    "code": 183
+  },
+  "\u00b8": {
+    "index": 152,
+    "kerning": 4,
+    "width": 7,
+    "code": 184
+  },
+  "\u00b9": {
+    "index": 153,
+    "kerning": 3,
+    "width": 7,
+    "code": 185
+  },
+  "\u00ba": {
+    "index": 154,
+    "kerning": 2,
+    "width": 11,
+    "code": 186
+  },
+  "\u00bb": {
+    "index": 155,
+    "kerning": 0,
+    "width": 15,
+    "code": 187
+  },
+  "\u00bc": {
+    "index": 156,
+    "kerning": 1,
+    "width": 17,
+    "code": 188
+  },
+  "\u00bd": {
+    "index": 157,
+    "kerning": 1,
+    "width": 17,
+    "code": 189
+  },
+  "\u00be": {
+    "index": 158,
+    "kerning": 1,
+    "width": 18,
+    "code": 190
+  },
+  "\u00bf": {
+    "index": 159,
+    "kerning": 1,
+    "width": 15,
+    "code": 191
+  },
+  "\u00c0": {
+    "index": 160,
+    "kerning": 1,
+    "width": 17,
+    "code": 192
+  },
+  "\u00c1": {
+    "index": 161,
+    "kerning": 1,
+    "width": 17,
+    "code": 193
+  },
+  "\u00c2": {
+    "index": 162,
+    "kerning": 1,
+    "width": 17,
+    "code": 194
+  },
+  "\u00c3": {
+    "index": 163,
+    "kerning": 1,
+    "width": 17,
+    "code": 195
+  },
+  "\u00c4": {
+    "index": 164,
+    "kerning": 1,
+    "width": 17,
+    "code": 196
+  },
+  "\u00c5": {
+    "index": 165,
+    "kerning": 1,
+    "width": 17,
+    "code": 197
+  },
+  "\u00c6": {
+    "index": 166,
+    "kerning": 0,
+    "width": 20,
+    "code": 198
+  },
+  "\u00c7": {
+    "index": 167,
+    "kerning": 2,
+    "width": 14,
+    "code": 199
+  },
+  "\u00c8": {
+    "index": 168,
+    "kerning": 2,
+    "width": 14,
+    "code": 200
+  },
+  "\u00c9": {
+    "index": 169,
+    "kerning": 2,
+    "width": 14,
+    "code": 201
+  },
+  "\u00ca": {
+    "index": 170,
+    "kerning": 2,
+    "width": 14,
+    "code": 202
+  },
+  "\u00cb": {
+    "index": 171,
+    "kerning": 2,
+    "width": 14,
+    "code": 203
+  },
+  "\u00cc": {
+    "index": 172,
+    "kerning": 3,
+    "width": 8,
+    "code": 204
+  },
+  "\u00cd": {
+    "index": 173,
+    "kerning": 3,
+    "width": 8,
+    "code": 205
+  },
+  "\u00ce": {
+    "index": 174,
+    "kerning": 3,
+    "width": 8,
+    "code": 206
+  },
+  "\u00cf": {
+    "index": 175,
+    "kerning": 3,
+    "width": 8,
+    "code": 207
+  },
+  "\u00d0": {
+    "index": 176,
+    "kerning": 1,
+    "width": 17,
+    "code": 208
+  },
+  "\u00d1": {
+    "index": 177,
+    "kerning": 1,
+    "width": 16,
+    "code": 209
+  },
+  "\u00d2": {
+    "index": 178,
+    "kerning": 1,
+    "width": 17,
+    "code": 210
+  },
+  "\u00d3": {
+    "index": 179,
+    "kerning": 1,
+    "width": 17,
+    "code": 211
+  },
+  "\u00d4": {
+    "index": 180,
+    "kerning": 1,
+    "width": 17,
+    "code": 212
+  },
+  "\u00d5": {
+    "index": 181,
+    "kerning": 1,
+    "width": 17,
+    "code": 213
+  },
+  "\u00d6": {
+    "index": 182,
+    "kerning": 1,
+    "width": 17,
+    "code": 214
+  },
+  "\u00d7": {
+    "index": 183,
+    "kerning": 2,
+    "width": 14,
+    "code": 215
+  },
+  "\u00d8": {
+    "index": 184,
+    "kerning": 1,
+    "width": 17,
+    "code": 216
+  },
+  "\u00d9": {
+    "index": 185,
+    "kerning": 1,
+    "width": 16,
+    "code": 217
+  },
+  "\u00da": {
+    "index": 186,
+    "kerning": 1,
+    "width": 16,
+    "code": 218
+  },
+  "\u00db": {
+    "index": 187,
+    "kerning": 1,
+    "width": 16,
+    "code": 219
+  },
+  "\u00dc": {
+    "index": 188,
+    "kerning": 1,
+    "width": 16,
+    "code": 220
+  },
+  "\u00dd": {
+    "index": 189,
+    "kerning": 1,
+    "width": 15,
+    "code": 221
+  },
+  "\u00de": {
+    "index": 190,
+    "kerning": 1,
+    "width": 16,
+    "code": 222
+  },
+  "\u00df": {
+    "index": 191,
+    "kerning": 1,
+    "width": 16,
+    "code": 223
+  },
+  "\u00e0": {
+    "index": 192,
+    "kerning": 2,
+    "width": 13,
+    "code": 224
+  },
+  "\u00e1": {
+    "index": 193,
+    "kerning": 2,
+    "width": 13,
+    "code": 225
+  },
+  "\u00e2": {
+    "index": 194,
+    "kerning": 2,
+    "width": 13,
+    "code": 226
+  },
+  "\u00e3": {
+    "index": 195,
+    "kerning": 2,
+    "width": 13,
+    "code": 227
+  },
+  "\u00e4": {
+    "index": 196,
+    "kerning": 2,
+    "width": 13,
+    "code": 228
+  },
+  "\u00e5": {
+    "index": 197,
+    "kerning": 2,
+    "width": 13,
+    "code": 229
+  },
+  "\u00e6": {
+    "index": 198,
+    "kerning": 0,
+    "width": 19,
+    "code": 230
+  },
+  "\u00e7": {
+    "index": 199,
+    "kerning": 3,
+    "width": 12,
+    "code": 231
+  },
+  "\u00e8": {
+    "index": 200,
+    "kerning": 2,
+    "width": 13,
+    "code": 232
+  },
+  "\u00e9": {
+    "index": 201,
+    "kerning": 2,
+    "width": 13,
+    "code": 233
+  },
+  "\u00ea": {
+    "index": 202,
+    "kerning": 2,
+    "width": 13,
+    "code": 234
+  },
+  "\u00eb": {
+    "index": 203,
+    "kerning": 2,
+    "width": 13,
+    "code": 235
+  },
+  "\u00ec": {
+    "index": 204,
+    "kerning": 3,
+    "width": 8,
+    "code": 236
+  },
+  "\u00ed": {
+    "index": 205,
+    "kerning": 3,
+    "width": 8,
+    "code": 237
+  },
+  "\u00ee": {
+    "index": 206,
+    "kerning": 3,
+    "width": 8,
+    "code": 238
+  },
+  "\u00ef": {
+    "index": 207,
+    "kerning": 3,
+    "width": 8,
+    "code": 239
+  },
+  "\u00f0": {
+    "index": 208,
+    "kerning": 2,
+    "width": 14,
+    "code": 240
+  },
+  "\u00f1": {
+    "index": 209,
+    "kerning": 2,
+    "width": 13,
+    "code": 241
+  },
+  "\u00f2": {
+    "index": 210,
+    "kerning": 2,
+    "width": 14,
+    "code": 242
+  },
+  "\u00f3": {
+    "index": 211,
+    "kerning": 2,
+    "width": 14,
+    "code": 243
+  },
+  "\u00f4": {
+    "index": 212,
+    "kerning": 2,
+    "width": 14,
+    "code": 244
+  },
+  "\u00f5": {
+    "index": 213,
+    "kerning": 2,
+    "width": 14,
+    "code": 245
+  },
+  "\u00f6": {
+    "index": 214,
+    "kerning": 2,
+    "width": 14,
+    "code": 246
+  },
+  "\u00f7": {
+    "index": 215,
+    "kerning": 2,
+    "width": 14,
+    "code": 247
+  },
+  "\u00f8": {
+    "index": 216,
+    "kerning": 2,
+    "width": 14,
+    "code": 248
+  },
+  "\u00f9": {
+    "index": 217,
+    "kerning": 2,
+    "width": 13,
+    "code": 249
+  },
+  "\u00fa": {
+    "index": 218,
+    "kerning": 2,
+    "width": 13,
+    "code": 250
+  },
+  "\u00fb": {
+    "index": 219,
+    "kerning": 2,
+    "width": 13,
+    "code": 251
+  },
+  "\u00fc": {
+    "index": 220,
+    "kerning": 2,
+    "width": 13,
+    "code": 252
+  },
+  "\u00fd": {
+    "index": 221,
+    "kerning": 2,
+    "width": 12,
+    "code": 253
+  },
+  "\u00fe": {
+    "index": 222,
+    "kerning": 2,
+    "width": 14,
+    "code": 254
+  },
+  "\u00ff": {
+    "index": 223,
+    "kerning": 2,
+    "width": 12,
+    "code": 255
+  }
+}
diff --git a/site/.vuepress/data/font-jp.json b/site/.vuepress/data/charInfo-JP.json
similarity index 79%
rename from site/.vuepress/data/font-jp.json
rename to site/.vuepress/data/charInfo-JP.json
index 9d02bfa..8b68c6a 100644
--- a/site/.vuepress/data/font-jp.json
+++ b/site/.vuepress/data/charInfo-JP.json
@@ -3,145 +3,145 @@
     "index": 0,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 32
   },
   "!": {
     "index": 1,
     "kerning": 3,
     "width": 7,
-    "code": 33440
+    "code": 33
   },
   ":": {
     "index": 2,
     "kerning": 3,
     "width": 7,
-    "code": 33440
+    "code": 58
   },
   "?": {
     "index": 3,
     "kerning": 1,
     "width": 15,
-    "code": 33440
+    "code": 63
   },
   "[": {
     "index": 4,
     "kerning": 3,
     "width": 14,
-    "code": 33440
+    "code": 91
   },
   "]": {
     "index": 5,
     "kerning": 0,
     "width": 15,
-    "code": 33440
+    "code": 93
   },
   "#": {
     "index": 6,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 35
   },
   ".": {
     "index": 7,
     "kerning": 0,
     "width": 8,
-    "code": 33440
+    "code": 46
   },
   "-": {
     "index": 8,
     "kerning": 1,
     "width": 13,
-    "code": 33440
+    "code": 45
   },
   ",": {
     "index": 9,
     "kerning": 0,
     "width": 8,
-    "code": 33440
+    "code": 44
   },
   ";": {
     "index": 10,
     "kerning": 3,
     "width": 7,
-    "code": 33440
+    "code": 59
   },
   "'": {
     "index": 11,
     "kerning": 0,
     "width": 7,
-    "code": 33440
+    "code": 39
   },
   "`": {
     "index": 12,
     "kerning": 7,
     "width": 6,
-    "code": 33440
+    "code": 96
   },
   "\"": {
     "index": 13,
     "kerning": 0,
     "width": 10,
-    "code": 33440
+    "code": 34
   },
   "(": {
     "index": 14,
     "kerning": 3,
     "width": 14,
-    "code": 33440
+    "code": 40
   },
   ")": {
     "index": 15,
     "kerning": 0,
     "width": 15,
-    "code": 33440
+    "code": 41
   },
   "\u2026": {
     "index": 16,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33123
   },
   "\u2605": {
     "index": 17,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33178
   },
   "\u3000": {
     "index": 18,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33088
   },
   "\u3001": {
     "index": 19,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33089
   },
   "\u3002": {
     "index": 20,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33090
   },
   "\u300c": {
     "index": 21,
     "kerning": 3,
     "width": 14,
-    "code": 33440
+    "code": 33141
   },
   "\u300d": {
     "index": 22,
     "kerning": 0,
     "width": 15,
-    "code": 33440
+    "code": 33142
   },
   "\u3041": {
     "index": 23,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33439
   },
   "\u3042": {
     "index": 24,
@@ -153,2298 +153,2298 @@
     "index": 25,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33441
   },
   "\u3044": {
     "index": 26,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33442
   },
   "\u3045": {
     "index": 27,
     "kerning": 1,
     "width": 17,
-    "code": 33440
+    "code": 33443
   },
   "\u3046": {
     "index": 28,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33444
   },
   "\u3047": {
     "index": 29,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33445
   },
   "\u3048": {
     "index": 30,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33446
   },
   "\u3049": {
     "index": 31,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33447
   },
   "\u304a": {
     "index": 32,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33448
   },
   "\u304b": {
     "index": 33,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33449
   },
   "\u304c": {
     "index": 34,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33450
   },
   "\u304d": {
     "index": 35,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33451
   },
   "\u304e": {
     "index": 36,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33452
   },
   "\u304f": {
     "index": 37,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33453
   },
   "\u3050": {
     "index": 38,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33454
   },
   "\u3051": {
     "index": 39,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33455
   },
   "\u3052": {
     "index": 40,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33456
   },
   "\u3053": {
     "index": 41,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33457
   },
   "\u3054": {
     "index": 42,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33458
   },
   "\u3055": {
     "index": 43,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33459
   },
   "\u3056": {
     "index": 44,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33460
   },
   "\u3057": {
     "index": 45,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33461
   },
   "\u3058": {
     "index": 46,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33462
   },
   "\u3059": {
     "index": 47,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33463
   },
   "\u305a": {
     "index": 48,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33464
   },
   "\u305b": {
     "index": 49,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33465
   },
   "\u305c": {
     "index": 50,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33466
   },
   "\u305d": {
     "index": 51,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33467
   },
   "\u305e": {
     "index": 52,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33468
   },
   "\u305f": {
     "index": 53,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33469
   },
   "\u3060": {
     "index": 54,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33470
   },
   "\u3061": {
     "index": 55,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33471
   },
   "\u3062": {
     "index": 56,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33472
   },
   "\u3063": {
     "index": 57,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33473
   },
   "\u3064": {
     "index": 58,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33474
   },
   "\u3065": {
     "index": 59,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33475
   },
   "\u3066": {
     "index": 60,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33476
   },
   "\u3067": {
     "index": 61,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33477
   },
   "\u3068": {
     "index": 62,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33478
   },
   "\u3069": {
     "index": 63,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33479
   },
   "\u306a": {
     "index": 64,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33480
   },
   "\u306b": {
     "index": 65,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33481
   },
   "\u306c": {
     "index": 66,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33482
   },
   "\u306d": {
     "index": 67,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33483
   },
   "\u306e": {
     "index": 68,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33484
   },
   "\u306f": {
     "index": 69,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33485
   },
   "\u3070": {
     "index": 70,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33486
   },
   "\u3071": {
     "index": 71,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33487
   },
   "\u3072": {
     "index": 72,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33488
   },
   "\u3073": {
     "index": 73,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33489
   },
   "\u3074": {
     "index": 74,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33490
   },
   "\u3075": {
     "index": 75,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33491
   },
   "\u3076": {
     "index": 76,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33492
   },
   "\u3077": {
     "index": 77,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33493
   },
   "\u3078": {
     "index": 78,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33494
   },
   "\u3079": {
     "index": 79,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33495
   },
   "\u307a": {
     "index": 80,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33496
   },
   "\u307b": {
     "index": 81,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33497
   },
   "\u307d": {
     "index": 82,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33499
   },
   "\u307c": {
     "index": 83,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33498
   },
   "\u307e": {
     "index": 84,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33500
   },
   "\u307f": {
     "index": 85,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33501
   },
   "\u3080": {
     "index": 86,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33502
   },
   "\u3081": {
     "index": 87,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33503
   },
   "\u3082": {
     "index": 88,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33504
   },
   "\u3083": {
     "index": 89,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33505
   },
   "\u3084": {
     "index": 90,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33506
   },
   "\u3085": {
     "index": 91,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33507
   },
   "\u3086": {
     "index": 92,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33508
   },
   "\u3087": {
     "index": 93,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33509
   },
   "\u3088": {
     "index": 94,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33510
   },
   "\u3089": {
     "index": 95,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33511
   },
   "\u308a": {
     "index": 96,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33512
   },
   "\u308b": {
     "index": 97,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33513
   },
   "\u308c": {
     "index": 98,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33514
   },
   "\u308d": {
     "index": 99,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33515
   },
   "\u308f": {
     "index": 100,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33517
   },
   "\u3092": {
     "index": 101,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33520
   },
   "\u3093": {
     "index": 102,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33521
   },
   "\u30a1": {
     "index": 103,
     "kerning": 1,
     "width": 17,
-    "code": 33440
+    "code": 33600
   },
   "\u30a2": {
     "index": 104,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33601
   },
   "\u30a3": {
     "index": 105,
     "kerning": 1,
     "width": 17,
-    "code": 33440
+    "code": 33602
   },
   "\u30a4": {
     "index": 106,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33603
   },
   "\u30a5": {
     "index": 107,
     "kerning": 1,
     "width": 17,
-    "code": 33440
+    "code": 33604
   },
   "\u30a6": {
     "index": 108,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33605
   },
   "\u30a7": {
     "index": 109,
     "kerning": 1,
     "width": 17,
-    "code": 33440
+    "code": 33606
   },
   "\u30a8": {
     "index": 110,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33607
   },
   "\u30a9": {
     "index": 111,
     "kerning": 1,
     "width": 17,
-    "code": 33440
+    "code": 33608
   },
   "\u30aa": {
     "index": 112,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33609
   },
   "\u30ab": {
     "index": 113,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33610
   },
   "\u30ac": {
     "index": 114,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33611
   },
   "\u30ad": {
     "index": 115,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33612
   },
   "\u30ae": {
     "index": 116,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33613
   },
   "\u30af": {
     "index": 117,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33614
   },
   "\u30b0": {
     "index": 118,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33615
   },
   "\u30b1": {
     "index": 119,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33616
   },
   "\u30b2": {
     "index": 120,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33617
   },
   "\u30b3": {
     "index": 121,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33618
   },
   "\u30b4": {
     "index": 122,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33619
   },
   "\u30b5": {
     "index": 123,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33620
   },
   "\u30b6": {
     "index": 124,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33621
   },
   "\u30b7": {
     "index": 125,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33622
   },
   "\u30b8": {
     "index": 126,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33623
   },
   "\u30b9": {
     "index": 127,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33624
   },
   "\u30ba": {
     "index": 128,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33625
   },
   "\u30bb": {
     "index": 129,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33626
   },
   "\u30bc": {
     "index": 130,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33627
   },
   "\u30bd": {
     "index": 131,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33628
   },
   "\u30be": {
     "index": 132,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33629
   },
   "\u30bf": {
     "index": 133,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33630
   },
   "\u30c0": {
     "index": 134,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33631
   },
   "\u30c1": {
     "index": 135,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33632
   },
   "\u30c2": {
     "index": 136,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33633
   },
   "\u30c3": {
     "index": 137,
     "kerning": 1,
     "width": 17,
-    "code": 33440
+    "code": 33634
   },
   "\u30c4": {
     "index": 138,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33635
   },
   "\u30c5": {
     "index": 139,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33636
   },
   "\u30c6": {
     "index": 140,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33637
   },
   "\u30c7": {
     "index": 141,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33638
   },
   "\u30c8": {
     "index": 142,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33639
   },
   "\u30c9": {
     "index": 143,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33640
   },
   "\u30ca": {
     "index": 144,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33641
   },
   "\u30cb": {
     "index": 145,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33642
   },
   "\u30cc": {
     "index": 146,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33643
   },
   "\u30cd": {
     "index": 147,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33644
   },
   "\u30ce": {
     "index": 148,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33645
   },
   "\u30cf": {
     "index": 149,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33646
   },
   "\u30d0": {
     "index": 150,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33647
   },
   "\u30d1": {
     "index": 151,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33648
   },
   "\u30d2": {
     "index": 152,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33649
   },
   "\u30d4": {
     "index": 153,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33651
   },
   "\u30d3": {
     "index": 154,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33650
   },
   "\u30d5": {
     "index": 155,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33652
   },
   "\u30d6": {
     "index": 156,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33653
   },
   "\u30d7": {
     "index": 157,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33654
   },
   "\u30d8": {
     "index": 158,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33655
   },
   "\u30d9": {
     "index": 159,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33656
   },
   "\u30da": {
     "index": 160,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33657
   },
   "\u30db": {
     "index": 161,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33658
   },
   "\u30dc": {
     "index": 162,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33659
   },
   "\u30dd": {
     "index": 163,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33660
   },
   "\u30de": {
     "index": 164,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33661
   },
   "\u30df": {
     "index": 165,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33662
   },
   "\u30e0": {
     "index": 166,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33664
   },
   "\u30e1": {
     "index": 167,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33665
   },
   "\u30e2": {
     "index": 168,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33666
   },
   "\u30e3": {
     "index": 169,
     "kerning": 1,
     "width": 17,
-    "code": 33440
+    "code": 33667
   },
   "\u30e4": {
     "index": 170,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33668
   },
   "\u30e5": {
     "index": 171,
     "kerning": 1,
     "width": 17,
-    "code": 33440
+    "code": 33669
   },
   "\u30e6": {
     "index": 172,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33670
   },
   "\u30e7": {
     "index": 173,
     "kerning": 1,
     "width": 17,
-    "code": 33440
+    "code": 33671
   },
   "\u30e8": {
     "index": 174,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33672
   },
   "\u30e9": {
     "index": 175,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33673
   },
   "\u30ea": {
     "index": 176,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33674
   },
   "\u30eb": {
     "index": 177,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33675
   },
   "\u30ec": {
     "index": 178,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33676
   },
   "\u30ed": {
     "index": 179,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33677
   },
   "\u30ef": {
     "index": 180,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33679
   },
   "\u30f2": {
     "index": 181,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33682
   },
   "\u30f3": {
     "index": 182,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33683
   },
   "\u30fc": {
     "index": 183,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33115
   },
   "\u767a": {
     "index": 184,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 38061
   },
   "\u751f": {
     "index": 185,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 37046
   },
   "\u672c": {
     "index": 186,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 38523
   },
   "\u4f53": {
     "index": 187,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 37324
   },
   "\u62bc": {
     "index": 188,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 35231
   },
   "\u96fb": {
     "index": 189,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 37732
   },
   "\u6e90": {
     "index": 190,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 36025
   },
   "\u53d6": {
     "index": 191,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 36582
   },
   "\u6271": {
     "index": 192,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 34997
   },
   "\u8aac": {
     "index": 193,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 37088
   },
   "\u660e": {
     "index": 194,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 38590
   },
   "\u66f8": {
     "index": 195,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 36753
   },
   "\u6307": {
     "index": 196,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 36471
   },
   "\u793a": {
     "index": 197,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 36518
   },
   "\u5f93": {
     "index": 198,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 36701
   },
   "\u8aad": {
     "index": 199,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 37831
   },
   "\u8fbc": {
     "index": 200,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 36254
   },
   "\u9589": {
     "index": 201,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 38338
   },
   "\u6d77": {
     "index": 202,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 35395
   },
   "\u5916": {
     "index": 203,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 35407
   },
   "\u521d": {
     "index": 204,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 36745
   },
   "\u671f": {
     "index": 205,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 35578
   },
   "\u5316": {
     "index": 206,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 35259
   },
   "\u4f5c": {
     "index": 207,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 36332
   },
   "\u6210": {
     "index": 208,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 37036
   },
   "\u4e2d": {
     "index": 209,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 37510
   },
   "\u5185": {
     "index": 210,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 37856
   },
   "\u5bb9": {
     "index": 211,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 38757
   },
   "\u6d88": {
     "index": 212,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 36801
   },
   "\u53bb": {
     "index": 213,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 35726
   },
   "\u5931": {
     "index": 214,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 36536
   },
   "\u6557": {
     "index": 215,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 38003
   },
   "\u53ef": {
     "index": 216,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 35266
   },
   "\u80fd": {
     "index": 217,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 37980
   },
   "\u6027": {
     "index": 218,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 37035
   },
   "\u7a7a": {
     "index": 219,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 35827
   },
   "\u4f7f": {
     "index": 220,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 36455
   },
   "\u7528": {
     "index": 221,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 38768
   },
   "\u5bfe": {
     "index": 222,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 37326
   },
   "\u5fdc": {
     "index": 223,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 35230
   },
   "\u5411": {
     "index": 224,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 36092
   },
   "\u5fc5": {
     "index": 225,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 38219
   },
   "\u8981": {
     "index": 226,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 38774
   },
   "\u91cf": {
     "index": 227,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 38858
   },
   "\u9078": {
     "index": 228,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 37193
   },
   "\u59cb": {
     "index": 229,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 36462
   },
   "\u6587": {
     "index": 230,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 38326
   },
   "\u4e0b": {
     "index": 231,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 35258
   },
   "\u4e0a": {
     "index": 232,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 36835
   },
   "\u958b": {
     "index": 233,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 35402
   },
   "\u7d9a": {
     "index": 234,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 37297
   },
   "\u5834": {
     "index": 235,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 36842
   },
   "\u5408": {
     "index": 236,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 36231
   },
   "\u6570": {
     "index": 237,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 37012
   },
   "\u5236": {
     "index": 238,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 37031
   },
   "\u9650": {
     "index": 239,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 36032
   },
   "\u8d8a": {
     "index": 240,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 35194
   },
   "\u8868": {
     "index": 241,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 38236
   },
   "\u540c": {
     "index": 242,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 37807
   },
   "\u6642": {
     "index": 243,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 36510
   },
   "\u629e": {
     "index": 244,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 37360
   },
   "\u5207": {
     "index": 245,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 37080
   },
   "\u66ff": {
     "index": 246,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 37334
   },
   "\u4ee5": {
     "index": 247,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 35016
   },
   "\u591a": {
     "index": 248,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 37309
   },
   "\u58ca": {
     "index": 249,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 35315
   },
   "\u753b": {
     "index": 250,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 35302
   },
   "\u9762": {
     "index": 251,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 38602
   },
   "\u6b63": {
     "index": 252,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 37043
   },
   "\u5e38": {
     "index": 253,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 36845
   },
   "\u6574": {
     "index": 254,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 37038
   },
   "\u7406": {
     "index": 255,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 38813
   },
   "\u8d85": {
     "index": 256,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 37556
   },
   "A": {
     "index": 257,
     "kerning": 1,
     "width": 17,
-    "code": 33440
+    "code": 65
   },
   "B": {
     "index": 258,
     "kerning": 1,
     "width": 16,
-    "code": 33440
+    "code": 66
   },
   "C": {
     "index": 259,
     "kerning": 1,
     "width": 16,
-    "code": 33440
+    "code": 67
   },
   "D": {
     "index": 260,
     "kerning": 2,
     "width": 15,
-    "code": 33440
+    "code": 68
   },
   "E": {
     "index": 261,
     "kerning": 2,
     "width": 14,
-    "code": 33440
+    "code": 69
   },
   "F": {
     "index": 262,
     "kerning": 2,
     "width": 14,
-    "code": 33440
+    "code": 70
   },
   "G": {
     "index": 263,
     "kerning": 1,
     "width": 17,
-    "code": 33440
+    "code": 71
   },
   "H": {
     "index": 264,
     "kerning": 1,
     "width": 16,
-    "code": 33440
+    "code": 72
   },
   "I": {
     "index": 265,
     "kerning": 4,
     "width": 6,
-    "code": 33440
+    "code": 73
   },
   "J": {
     "index": 266,
     "kerning": 2,
     "width": 13,
-    "code": 33440
+    "code": 74
   },
   "K": {
     "index": 267,
     "kerning": 2,
     "width": 14,
-    "code": 33440
+    "code": 75
   },
   "L": {
     "index": 268,
     "kerning": 2,
     "width": 14,
-    "code": 33440
+    "code": 76
   },
   "M": {
     "index": 269,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 77
   },
   "N": {
     "index": 270,
     "kerning": 1,
     "width": 16,
-    "code": 33440
+    "code": 78
   },
   "O": {
     "index": 271,
     "kerning": 1,
     "width": 17,
-    "code": 33440
+    "code": 79
   },
   "P": {
     "index": 272,
     "kerning": 1,
     "width": 16,
-    "code": 33440
+    "code": 80
   },
   "Q": {
     "index": 273,
     "kerning": 1,
     "width": 17,
-    "code": 33440
+    "code": 81
   },
   "R": {
     "index": 274,
     "kerning": 1,
     "width": 16,
-    "code": 33440
+    "code": 82
   },
   "S": {
     "index": 275,
     "kerning": 2,
     "width": 14,
-    "code": 33440
+    "code": 83
   },
   "T": {
     "index": 276,
     "kerning": 2,
     "width": 13,
-    "code": 33440
+    "code": 84
   },
   "U": {
     "index": 277,
     "kerning": 1,
     "width": 16,
-    "code": 33440
+    "code": 85
   },
   "V": {
     "index": 278,
     "kerning": 1,
     "width": 16,
-    "code": 33440
+    "code": 86
   },
   "W": {
     "index": 279,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 87
   },
   "X": {
     "index": 280,
     "kerning": 1,
     "width": 15,
-    "code": 33440
+    "code": 88
   },
   "Y": {
     "index": 281,
     "kerning": 1,
     "width": 15,
-    "code": 33440
+    "code": 89
   },
   "Z": {
     "index": 282,
     "kerning": 2,
     "width": 14,
-    "code": 33440
+    "code": 90
   },
   "a": {
     "index": 283,
     "kerning": 2,
     "width": 12,
-    "code": 33440
+    "code": 97
   },
   "b": {
     "index": 284,
     "kerning": 2,
     "width": 14,
-    "code": 33440
+    "code": 98
   },
   "c": {
     "index": 285,
     "kerning": 2,
     "width": 11,
-    "code": 33440
+    "code": 99
   },
   "d": {
     "index": 286,
     "kerning": 1,
     "width": 14,
-    "code": 33440
+    "code": 100
   },
   "e": {
     "index": 287,
     "kerning": 2,
     "width": 13,
-    "code": 33440
+    "code": 101
   },
   "f": {
     "index": 288,
     "kerning": 3,
     "width": 9,
-    "code": 33440
+    "code": 102
   },
   "g": {
     "index": 289,
     "kerning": 2,
     "width": 13,
-    "code": 33440
+    "code": 103
   },
   "h": {
     "index": 290,
     "kerning": 2,
     "width": 12,
-    "code": 33440
+    "code": 104
   },
   "i": {
     "index": 291,
     "kerning": 4,
     "width": 6,
-    "code": 33440
+    "code": 105
   },
   "j": {
     "index": 292,
     "kerning": 3,
     "width": 8,
-    "code": 33440
+    "code": 106
   },
   "k": {
     "index": 293,
     "kerning": 2,
     "width": 12,
-    "code": 33440
+    "code": 107
   },
   "l": {
     "index": 294,
     "kerning": 3,
     "width": 7,
-    "code": 33440
+    "code": 108
   },
   "m": {
     "index": 295,
     "kerning": 1,
     "width": 17,
-    "code": 33440
+    "code": 109
   },
   "n": {
     "index": 296,
     "kerning": 2,
     "width": 13,
-    "code": 33440
+    "code": 110
   },
   "o": {
     "index": 297,
     "kerning": 2,
     "width": 14,
-    "code": 33440
+    "code": 111
   },
   "p": {
     "index": 298,
     "kerning": 2,
     "width": 14,
-    "code": 33440
+    "code": 112
   },
   "q": {
     "index": 299,
     "kerning": 1,
     "width": 14,
-    "code": 33440
+    "code": 113
   },
   "r": {
     "index": 300,
     "kerning": 3,
     "width": 9,
-    "code": 33440
+    "code": 114
   },
   "s": {
     "index": 301,
     "kerning": 2,
     "width": 13,
-    "code": 33440
+    "code": 115
   },
   "t": {
     "index": 302,
     "kerning": 3,
     "width": 9,
-    "code": 33440
+    "code": 116
   },
   "u": {
     "index": 303,
     "kerning": 2,
     "width": 13,
-    "code": 33440
+    "code": 117
   },
   "v": {
     "index": 304,
     "kerning": 2,
     "width": 13,
-    "code": 33440
+    "code": 118
   },
   "w": {
     "index": 305,
     "kerning": 1,
     "width": 17,
-    "code": 33440
+    "code": 119
   },
   "x": {
     "index": 306,
     "kerning": 2,
     "width": 11,
-    "code": 33440
+    "code": 120
   },
   "y": {
     "index": 307,
     "kerning": 2,
     "width": 12,
-    "code": 33440
+    "code": 121
   },
   "z": {
     "index": 308,
     "kerning": 2,
     "width": 12,
-    "code": 33440
+    "code": 122
   },
   "0": {
     "index": 309,
     "kerning": 1,
     "width": 16,
-    "code": 33440
+    "code": 48
   },
   "1": {
     "index": 310,
     "kerning": 2,
     "width": 12,
-    "code": 33440
+    "code": 49
   },
   "2": {
     "index": 311,
     "kerning": 1,
     "width": 15,
-    "code": 33440
+    "code": 50
   },
   "3": {
     "index": 312,
     "kerning": 2,
     "width": 14,
-    "code": 33440
+    "code": 51
   },
   "4": {
     "index": 313,
     "kerning": 1,
     "width": 16,
-    "code": 33440
+    "code": 52
   },
   "5": {
     "index": 314,
     "kerning": 1,
     "width": 15,
-    "code": 33440
+    "code": 53
   },
   "6": {
     "index": 315,
     "kerning": 1,
     "width": 15,
-    "code": 33440
+    "code": 54
   },
   "7": {
     "index": 316,
     "kerning": 1,
     "width": 15,
-    "code": 33440
+    "code": 55
   },
   "8": {
     "index": 317,
     "kerning": 1,
     "width": 15,
-    "code": 33440
+    "code": 56
   },
   "9": {
     "index": 318,
     "kerning": 1,
     "width": 16,
-    "code": 33440
+    "code": 57
   },
   "\uff01": {
     "index": 319,
     "kerning": 3,
     "width": 7,
-    "code": 33440
+    "code": 33097
   },
   "\uff1f": {
     "index": 320,
     "kerning": 1,
     "width": 15,
-    "code": 33440
+    "code": 33096
   },
   "\uff03": {
     "index": 321,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33172
   },
   "\uff1a": {
     "index": 322,
     "kerning": 3,
     "width": 7,
-    "code": 33440
+    "code": 33094
   },
   "\uff1b": {
     "index": 323,
     "kerning": 3,
     "width": 7,
-    "code": 33440
+    "code": 33095
   },
   "\uff0b": {
     "index": 324,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33147
   },
   "\u2212": {
     "index": 325,
     "kerning": 1,
     "width": 13,
-    "code": 33440
+    "code": 33148
   },
   "\u30fb": {
     "index": 326,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33093
   },
   "\uffe5": {
     "index": 327,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33167
   },
   "\uff06": {
     "index": 328,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33173
   },
   "\u201c": {
     "index": 329,
     "kerning": 5,
     "width": 9,
-    "code": 33440
+    "code": 33127
   },
   "\u201d": {
     "index": 330,
     "kerning": 0,
     "width": 10,
-    "code": 33440
+    "code": 33128
   },
   "\uff1d": {
     "index": 331,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33153
   },
   "\uff08": {
     "index": 332,
     "kerning": 3,
     "width": 14,
-    "code": 33440
+    "code": 33129
   },
   "\uff09": {
     "index": 333,
     "kerning": 0,
     "width": 15,
-    "code": 33440
+    "code": 33130
   },
   "\u2019": {
     "index": 334,
     "kerning": 0,
     "width": 7,
-    "code": 33440
+    "code": 33126
   },
   "\uff20": {
     "index": 335,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33175
   },
   "\uff1c": {
     "index": 336,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33155
   },
   "\uff1e": {
     "index": 337,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33156
   },
   "\uff05": {
     "index": 338,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33171
   },
   "\uff04": {
     "index": 339,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33168
   },
   "\uff0f": {
     "index": 340,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33118
   },
   "\u2192": {
     "index": 341,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33192
   },
   "\u2190": {
     "index": 342,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33193
   },
   "\u2191": {
     "index": 343,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33194
   },
   "\u2193": {
     "index": 344,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33195
   },
   "\uff10": {
     "index": 345,
     "kerning": 1,
     "width": 16,
-    "code": 33440
+    "code": 33359
   },
   "\uff11": {
     "index": 346,
     "kerning": 2,
     "width": 12,
-    "code": 33440
+    "code": 33360
   },
   "\uff12": {
     "index": 347,
     "kerning": 1,
     "width": 15,
-    "code": 33440
+    "code": 33361
   },
   "\uff13": {
     "index": 348,
     "kerning": 2,
     "width": 14,
-    "code": 33440
+    "code": 33362
   },
   "\uff14": {
     "index": 349,
     "kerning": 1,
     "width": 16,
-    "code": 33440
+    "code": 33363
   },
   "\uff15": {
     "index": 350,
     "kerning": 1,
     "width": 15,
-    "code": 33440
+    "code": 33364
   },
   "\uff16": {
     "index": 351,
     "kerning": 1,
     "width": 15,
-    "code": 33440
+    "code": 33365
   },
   "\uff17": {
     "index": 352,
     "kerning": 1,
     "width": 15,
-    "code": 33440
+    "code": 33366
   },
   "\uff18": {
     "index": 353,
     "kerning": 1,
     "width": 15,
-    "code": 33440
+    "code": 33367
   },
   "\uff19": {
     "index": 354,
     "kerning": 1,
     "width": 16,
-    "code": 33440
+    "code": 33368
   },
   "\uff21": {
     "index": 355,
     "kerning": 1,
     "width": 17,
-    "code": 33440
+    "code": 33376
   },
   "\uff22": {
     "index": 356,
     "kerning": 1,
     "width": 16,
-    "code": 33440
+    "code": 33377
   },
   "\uff23": {
     "index": 357,
     "kerning": 1,
     "width": 16,
-    "code": 33440
+    "code": 33378
   },
   "\uff24": {
     "index": 358,
     "kerning": 2,
     "width": 15,
-    "code": 33440
+    "code": 33379
   },
   "\uff25": {
     "index": 359,
     "kerning": 2,
     "width": 14,
-    "code": 33440
+    "code": 33380
   },
   "\uff26": {
     "index": 360,
     "kerning": 2,
     "width": 14,
-    "code": 33440
+    "code": 33381
   },
   "\uff27": {
     "index": 361,
     "kerning": 1,
     "width": 17,
-    "code": 33440
+    "code": 33382
   },
   "\uff28": {
     "index": 362,
     "kerning": 1,
     "width": 16,
-    "code": 33440
+    "code": 33383
   },
   "\uff29": {
     "index": 363,
     "kerning": 4,
     "width": 6,
-    "code": 33440
+    "code": 33384
   },
   "\uff2a": {
     "index": 364,
     "kerning": 2,
     "width": 13,
-    "code": 33440
+    "code": 33385
   },
   "\uff2b": {
     "index": 365,
     "kerning": 2,
     "width": 14,
-    "code": 33440
+    "code": 33386
   },
   "\uff2c": {
     "index": 366,
     "kerning": 2,
     "width": 14,
-    "code": 33440
+    "code": 33387
   },
   "\uff2d": {
     "index": 367,
     "kerning": 0,
     "width": 19,
-    "code": 33440
+    "code": 33388
   },
   "\uff2e": {
     "index": 368,
     "kerning": 1,
     "width": 16,
-    "code": 33440
+    "code": 33389
   },
   "\uff2f": {
     "index": 369,
     "kerning": 1,
     "width": 17,
-    "code": 33440
+    "code": 33390
   },
   "\uff30": {
     "index": 370,
     "kerning": 1,
     "width": 16,
-    "code": 33440
+    "code": 33391
   },
   "\uff31": {
     "index": 371,
     "kerning": 1,
     "width": 17,
-    "code": 33440
+    "code": 33392
   },
   "\uff32": {
     "index": 372,
     "kerning": 1,
     "width": 16,
-    "code": 33440
+    "code": 33393
   },
   "\uff33": {
     "index": 373,
     "kerning": 2,
     "width": 14,
-    "code": 33440
+    "code": 33394
   },
   "\uff34": {
     "index": 374,
     "kerning": 2,
     "width": 13,
-    "code": 33440
+    "code": 33395
   },
   "\uff35": {
     "index": 375,
     "kerning": 1,
     "width": 16,
-    "code": 33440
+    "code": 33396
   },
   "\uff36": {
     "index": 376,
     "kerning": 1,
     "width": 16,
-    "code": 33440
+    "code": 33397
   },
   "\uff37": {
     "index": 377,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33398
   },
   "\uff38": {
     "index": 378,
     "kerning": 1,
     "width": 15,
-    "code": 33440
+    "code": 33399
   },
   "\uff39": {
     "index": 379,
     "kerning": 1,
     "width": 15,
-    "code": 33440
+    "code": 33400
   },
   "\uff3a": {
     "index": 380,
     "kerning": 2,
     "width": 14,
-    "code": 33440
+    "code": 33401
   },
   "\uff41": {
     "index": 381,
     "kerning": 2,
     "width": 12,
-    "code": 33440
+    "code": 33409
   },
   "\uff42": {
     "index": 382,
     "kerning": 2,
     "width": 14,
-    "code": 33440
+    "code": 33410
   },
   "\uff43": {
     "index": 383,
     "kerning": 2,
     "width": 11,
-    "code": 33440
+    "code": 33411
   },
   "\uff44": {
     "index": 384,
     "kerning": 1,
     "width": 14,
-    "code": 33440
+    "code": 33412
   },
   "\uff45": {
     "index": 385,
     "kerning": 2,
     "width": 13,
-    "code": 33440
+    "code": 33413
   },
   "\uff46": {
     "index": 386,
     "kerning": 3,
     "width": 9,
-    "code": 33440
+    "code": 33414
   },
   "\uff47": {
     "index": 387,
     "kerning": 2,
     "width": 13,
-    "code": 33440
+    "code": 33415
   },
   "\uff48": {
     "index": 388,
     "kerning": 2,
     "width": 12,
-    "code": 33440
+    "code": 33416
   },
   "\uff49": {
     "index": 389,
     "kerning": 4,
     "width": 6,
-    "code": 33440
+    "code": 33417
   },
   "\uff4a": {
     "index": 390,
     "kerning": 3,
     "width": 8,
-    "code": 33440
+    "code": 33418
   },
   "\uff4b": {
     "index": 391,
     "kerning": 2,
     "width": 12,
-    "code": 33440
+    "code": 33419
   },
   "\uff4c": {
     "index": 392,
     "kerning": 3,
     "width": 7,
-    "code": 33440
+    "code": 33420
   },
   "\uff4d": {
     "index": 393,
     "kerning": 1,
     "width": 17,
-    "code": 33440
+    "code": 33421
   },
   "\uff4e": {
     "index": 394,
     "kerning": 2,
     "width": 13,
-    "code": 33440
+    "code": 33422
   },
   "\uff4f": {
     "index": 395,
     "kerning": 2,
     "width": 14,
-    "code": 33440
+    "code": 33423
   },
   "\uff50": {
     "index": 396,
     "kerning": 2,
     "width": 14,
-    "code": 33440
+    "code": 33424
   },
   "\uff51": {
     "index": 397,
     "kerning": 1,
     "width": 14,
-    "code": 33440
+    "code": 33425
   },
   "\uff52": {
     "index": 398,
     "kerning": 3,
     "width": 9,
-    "code": 33440
+    "code": 33426
   },
   "\uff53": {
     "index": 399,
     "kerning": 2,
     "width": 13,
-    "code": 33440
+    "code": 33427
   },
   "\uff54": {
     "index": 400,
     "kerning": 3,
     "width": 9,
-    "code": 33440
+    "code": 33428
   },
   "\uff55": {
     "index": 401,
     "kerning": 2,
     "width": 13,
-    "code": 33440
+    "code": 33429
   },
   "\uff56": {
     "index": 402,
     "kerning": 2,
     "width": 13,
-    "code": 33440
+    "code": 33430
   },
   "\uff57": {
     "index": 403,
     "kerning": 1,
     "width": 17,
-    "code": 33440
+    "code": 33431
   },
   "\uff58": {
     "index": 404,
     "kerning": 2,
     "width": 11,
-    "code": 33440
+    "code": 33432
   },
   "\uff59": {
     "index": 405,
     "kerning": 2,
     "width": 12,
-    "code": 33440
+    "code": 33433
   },
   "\uff5a": {
     "index": 406,
     "kerning": 2,
     "width": 12,
-    "code": 33440
+    "code": 33434
   },
   "\u301c": {
     "index": 407,
     "kerning": 0,
     "width": 20,
-    "code": 33440
+    "code": 33120
   }
 }
diff --git a/site/.vuepress/public/img/preview/font-EU.png b/site/.vuepress/public/img/preview/font-EU.png
new file mode 100644
index 0000000..3734bc6
Binary files /dev/null and b/site/.vuepress/public/img/preview/font-EU.png differ
diff --git a/site/.vuepress/public/img/preview/font-JP.png b/site/.vuepress/public/img/preview/font-JP.png
new file mode 100644
index 0000000..d692ca9
Binary files /dev/null and b/site/.vuepress/public/img/preview/font-JP.png differ
diff --git a/site/.vuepress/public/img/preview/font-jp.png b/site/.vuepress/public/img/preview/font-jp.png
deleted file mode 100644
index 01a95e3..0000000
Binary files a/site/.vuepress/public/img/preview/font-jp.png and /dev/null differ