Fix wide characters (#1549)

* Fix wide characters

* Add phony screenshots

* Try again with screenshotter

* Screenshotter general edit

* Getting closer

* Fix screenshotter test

* Update screenshots

src/katex.less

@@ -159,6 +159,16 @@
         font-family: KaTeX_SansSerif;
     }
 
+    .mathboldsf, .textboldsf {
+        font-family: KaTeX_SansSerif;
+        font-weight: bold;
+    }
+
+    .mathitsf, .textitsf {
+        font-family: KaTeX_SansSerif;
+        font-style: italic;
+    }
+
     .mainit {
         font-family: KaTeX_Main;
         font-style: italic;

src/symbols.js

@@ -834,7 +834,7 @@ defineSymbol(text, main, textord, "k", wideChar);
 
 // Next, some wide character numerals
 for (let i = 0; i < 10; i++) {
-    const ch = letters.charAt(i);
+    const ch = i.toString();
 
     wideChar = String.fromCharCode(0xD835, 0xDFCE + i);  // 0-9 bold
     defineSymbol(math, main, mathord, ch, wideChar);

test/screenshotter/ss_data.yaml

@@ -346,9 +346,11 @@ SupSubLeftAlignReset: |
 SupSubOffsets: \displaystyle \int_{2+3}x f^{2+3}+3\lim_{2+3+4+5}f
 SurrogatePairs: |
     \begin{array}{l}
-        𝐀𝐚𝑨𝒂𝔅𝔞𝔸𝒜 \\
-        \text{𝐀𝐚𝑨𝒂𝔅𝔞𝔸𝒜} \\
-        \mathrm{𝐀𝐚𝑨𝒂𝔅𝔞𝔸𝒜}
+        𝐀𝐚𝟎𝐴𝑎𝑨𝒂𝔅𝔞𝔸𝒜 \\
+        𝖠𝖺𝟢𝗔𝗮𝟬𝘈𝘢𝙰𝚊𝟶 \\
+        \text{𝐀𝐚𝟎𝐴𝑎𝑨𝒂𝔅𝔞𝔸𝒜} \\
+        \text{𝖠𝖺𝟢𝗔𝗮𝟬𝘈𝘢𝙰𝚊𝟶} \\
+        \mathrm{𝐀𝐚𝑨𝒂𝔅𝔞𝔸𝒜} \\
     \end{array}
 SvgReset:
     # This math uses a lot of SVG glyphs