Remove glyf table from CBDT font to make it work

chromacheck.js

@@ -1,5 +1,5 @@
 /**
- * ChromaCheck 1.11
+ * ChromaCheck 1.12
  * @author Roel Nieskens, https://pixelambacht.nl
  * MIT license
  */
@@ -49,7 +49,7 @@
         context = canvas.getContext('2d'),
         img = new Image(),
         fontSBIX = 'd09GRgABAAAAAALoAAsAAAAAA2gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABbAAAADoAAABgF/InTmNtYXAAAAGwAAAALgAAADTpGek7Z2x5ZgAAAegAAAAUAAAAFAgBOQJoZWFkAAABCAAAADAAAAA2CSi71WhoZWEAAAE4AAAAFQAAACQIAQQCaG10eAAAAagAAAAIAAAACAQAAABsb2NhAAAB4AAAAAgAAAAIAAAACm1heHAAAAFQAAAAHAAAACACDwAbbmFtZQAAAfwAAABDAAAATgSgDQdwb3N0AAACQAAAAAwAAAAgAAMAAHNiaXgAAAJMAAAAnAAAAQglRrHNeAFjYGRgAOG5V+edjee3+cogzcIAApcWMAmA6MtRJSdANAsDWJyDgQlEAQAjygideAFjYGRgYGEAAjgJFEEFjAABkQAQAAAAeAFjYGRgYGBmYALTDFCSiwEowCABYgIAAeAALXgBY2BhYWCcwMDKwMA0k+kMAwNDP4RmfM1gzMjJgAoYBZA4CkDAcOAl40ugCSAAJNGBAgMDAABtCHkAAAQAAAAAAAAAeAElxTkBgEAMALDc007MYAH/riqCnyxBMzQsph1panq1mtfF/2Y9NeAGqNkJIQAAAAAAAAAAAAoAAQAAAAAEAAQAAAEAADEBBAAEAHgBLcZVAYQAAECxd4aEQCIQASlABNzd26P3tQFvVD68vjIvDPj/fd8lZyOmwqImwCckY0LHOR1oqfHvx4SUBwCGCbAAeAFjYGbACwAAfQAEeAFjYARCBjDmYdRh8ADSIlD8B4oZCvLSFToD/Nx5uaS4gFxeTw+XIKAWHRDmYAaK+C2ucwdSkiWuESXB+Wkl5YlFqQyOKflJqQqeuYnpqUGpiSmVhSdTbYCK2AJ8QlynMYBAXoTPRJDxni6OIRW33hxkBLmiSeH/+jwPByCTFuBDHhMPQ8JpBkaLaVUiIAFPVz+XdU4JTQAyiyfN',
-        fontCBDT = 'd09GRgABAAAAAALgAAwAAAAAAxAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABDQkRUAAACUAAAAGAAAABlKWauy0NCTEMAAAKwAAAALQAAAFDwVcDTT1MvMgAAAYQAAAA6AAAAYBf0J05jbWFwAAAByAAAACgAAAAsAAzpN2dseWYAAAH4AAAAFAAAABQIATkCaGVhZAAAARwAAAAvAAAANgkoZCloaGVhAAABTAAAABUAAAAkCAEEAmhtdHgAAAHAAAAACAAAAAgEAAAAbG9jYQAAAfAAAAAIAAAACAAAAAptYXhwAAABZAAAAB0AAAAgAg8AHm5hbWUAAAIMAAAAOAAAAD4C3AsWcG9zdAAAAkQAAAAMAAAAIAADAAB4AWNgZGAA4fLUNdXx/DZfGaRZGEDg0gImARB9OUpWBkSzMIDFORiYQBQA6kkGwAB4AWNgZGBgYQACOAkUQQWMAAGRABAAAAB4AWNgZGBgYGZgBdMMUJKLgYGJgUECxAQAAisAMAAAAHgBY2BhYWCcwMDKwMA0k+kMAwNDP4RmfM1gzMjJgAoYBZA4CkDAcOAl80ugCSAAJNGBAgMDAACrCHsAAAQAAAAAAAAAeAEFwbEBwCAIALAAjJ2d+/9nHqGYIJTAp/1oLdg9w66ZdQU8XJQHKQAAAAAAAAAKAAEAAAAABAAEAAABAAAxAQQABAB4AWNgYGBikGNgZmBk4WRgZFAA8iFsJjDbmSGDoYghnyGXIRHMTmVIZshmUACynRhcGEIAdYgF+3gBY2BmwAsAAH0ABHgBY2BiYAgIACEGhojOAD93Xi4pLiCb19PDJQhIB4AwIzOQ3HI/4R2QYg7wCXFNYWB4sSRODcgV8HRxDKlgTF4gLcG6OEEEKF/AwHhn4vvJDEDg6ernss4poQkArdUV+3gBY2BiAAFGILYAYgkomyEACGEAwQbLMgYEKABJsDoOICkIpFmgsokAas4C2QAAAA==',
+        fontCBDT = 'd09GRgABAAAAAAKYAAoAAAAAAtQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABDQkRUAAACCAAAAGAAAABlKWauy0NCTEMAAAJoAAAALQAAAFDwVcDTT1MvMgAAAVgAAAA6AAAAYBf0J01jbWFwAAABnAAAACcAAAAsAAzpNmhlYWQAAAD0AAAALwAAADYJpqZ2aGhlYQAAASQAAAAVAAAAJAgBBAJobXR4AAABlAAAAAYAAAAGBAAAAG1heHAAAAE8AAAAGwAAACACDgAebmFtZQAAAcQAAAA4AAAAPgLcCxZwb3N0AAAB/AAAAAwAAAAgAAMAAHgBY2BkYADhKO+aonh+m68M0iwMIHBpAZMAiL58Iz4TRLMwgMU5GJhAFADr8wddAHgBY2BkYGBhAAI4CRRBBYwAAZEAEAAAAHgBY2BkYGBgYmAF0wxQkgskxCABYgIAAhAALwB4AWNgYWFgnMDAysDANJPpDAMDQz+EZnzNYMzIyYAKGAWQOApAwHDgJfNLZhYwH0iiAwUGBgAAjgh6AAAEAAAAAAAAAHgBY2BgYGRgBmIGBh4GFgYFIM0ChED+S+b//yGk2D+wPAMAXIMHKAB4AWNgYGBikGNgZmBk4WRgZFAA8iFsJjDbmSGDoYghnyGXIRHMTmVIZshmUACynRhcGEIAdYgF+3gBY2BmwAsAAH0ABHgBY2BiYAgIACEGhojOAD93Xi4pLiCb19PDJQhIB4AwIzOQ3HI/4R2QYg7wCXFNYWB4sSRODcgV8HRxDKlgTF4gLcG6OEEEKF/AwHhn4vvJDEDg6ernss4poQkArdUV+3gBY2BiAAFGILYAYgkomyEACGEAwQbLMgYEKABJsDoOICkIpFmgsokAas4C2QAAAA==',
         fontCOLR = 'd09GRgABAAAAAAKEAAwAAAAAAowAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABDT0xSAAACWAAAABcAAAAYAAIAJkNQQUwAAAJwAAAAEgAAABLJAAAQT1MvMgAAAYQAAAA6AAAAYBfxJ0pjbWFwAAAByAAAACcAAAAsAA3pM2dseWYAAAH4AAAAGgAAABoNIh0kaGVhZAAAARwAAAAvAAAANgkou9VoaGVhAAABTAAAABUAAAAkCAEEAmhtdHgAAAHAAAAACAAAAAgEAAAAbG9jYQAAAfAAAAAIAAAACAANAA1tYXhwAAABZAAAAB0AAAAgAg8AHW5hbWUAAAIUAAAAOAAAAD4C5wsecG9zdAAAAkwAAAAMAAAAIAADAAB4AWNgZGAAYb5A8ch4fpuvDNIsDCBwaQGTAIi+HFVyAkSzMIDFORiYQBQAyCUGjwB4AWNgZGBgYQACOAkUQQWMAAGRABAAAAB4AWNgZGBgYGZgAdMMUJKLgYGJgUECxAQAAhIALwAAAHgBY2BhYWCcwMDKwMA0k+kMAwNDP4RmfM1gzMjJgAoYBZA4CkDAcOAlw0sGFhAXSGIABQYGAP/LCHQAAAQAAAAAAAAAeAFjYGBgZGAGYgYGHgYWBgUgzQKEQP5Lhv//IaQ4E1ieAQBVUwYnAAAAAAAADQANAAEAAAAABAAEAAADAAARIREhBAD8AAQA/AAAAHgBLcYFDYAAAADBxyEE0oU5TgLcvf+G3+wAEQsJQTYQcOC/+N6l42BlJn9fUzLi3I/wSS913wYOeAFjYGbACwAAfQAEeAFjYGBgBGI+IBYBsphAfJAIAAJEACkAAAAAAQABAAEAAAAOAAAAAMj/AAA=',
         fontSVG  = 'd09GRgABAAAAAAMcAAsAAAAAA6AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABcAAAADoAAABgF/MnTlNWRyAAAAJMAAAAzQAAAUj2P3csY21hcAAAAbQAAAAtAAAANOkY6T1nbHlmAAAB7AAAABoAAAAeFxomMWhlYWQAAAEIAAAALwAAADYJKbfRaGhlYQAAATgAAAAVAAAAJAgBBAJobXR4AAABrAAAAAgAAAAIBAAAAGxvY2EAAAHkAAAACAAAAAgAAAAPbWF4cAAAAVAAAAAdAAAAIAIPAB5uYW1lAAACCAAAADcAAAA8ApwLJXBvc3QAAAJAAAAADAAAACAAAwAAeAFjYGRgAGHGI+m98fw2XxmkWRhA4NICJgEQfTm64AiIZmEAi3MwMIEoAO/7B3IAeAFjYGRgYGEAAjgJFEEFjAABkQAQAAAAeAFjYGRgYGBmYAXTDFCSi4GBiYFBAsQEAAIrADAAAAB4AWNgYWFgnMDAysDANJPpDAMDQz+EZnzNYMzIyYAKGAWQOApAwHDgJdNLoAkgACTRgQIDAwAAjAh6AAAEAAAAAAAAAHgBJcU5AYBADACw3NeJuRrw76oi+MkSNEPDZtoRpqZXr3ld/OeVpwbcs+wKIQAAAAAAAAAAAAAPeAFjYGQAAhYgBCFBRSBkYfjDAMEMABXBAocAAHgBY2BgYGKQY2BmYGThZGAEshigbCYw25khg6GIIZ8hlyERzE5lSGbIZlBgCGYIY3AHAGnZBcoAeAFjYGbACwAAfQAEeAFtD4VOQzEQ4ug3XA7XXnHrFiU2YjixeV9D7c3391RwOHeZiTCf5GzEoJeDSVfVidEw6vT6ylmBfJ8QOrbl2spKgfd313tnWK3MQ4Kr/khCqLd9gcVg4C8YG4/H++PDfdeT7ICIWKjAXHIx0cq+/lfIz8/PWcri980cQbUFSj31Bce0M2+VMOg1bL/rekZgv9XQnU2+u8e3vtWEKt8YFNBVWgtcOTygAAhh3A0Bp4MjqCX5zSSoURbJ/dAvCOzbbiY/n4+/Vd4AJ3hQnQAAAA==',
         svg = '<svg xmlns="http://www.w3.org/2000/svg" width="20" height="100" style="background:#fff;color:blue">'+

demo.html

@@ -33,7 +33,8 @@ <h1>ChromaCheck by PixelAmbacht</h1>
         <div class="svg">SVG-in-OpenType is <strong>not</strong> supported</div>
         <div class="cbdt">CBDT/CBLC is <strong>not</strong> supported</div>
 
-        <p>ChromaCheck checks which OpenType color formats are supported in this browser.
+        <p>ChromaCheck checks which <a href="https://pixelambacht.nl/2014/multicolor-fonts/">OpenType
+        color formats</a> are supported in this browser.
         <a href="https://github.com/RoelN/ChromaCheck">Get the code on Github!</a></p>
 
         <script src="chromacheck-min.js"></script>

src/chromacheck-cbdt.ttx

@@ -5,7 +5,6 @@
     <!-- The 'id' attribute is only for humans; it is ignored when parsed. -->
     <GlyphID id="0" name=".notdef"/>
     <GlyphID id="1" name="uniE903"/>
-    <GlyphID id="2" name="uniE904"/>
   </GlyphOrder>
 
   <head>
@@ -124,41 +123,15 @@
   <hmtx>
     <mtx name=".notdef" width="1024" lsb="0"/>
     <mtx name="uniE903" width="1024" lsb="0"/>
-    <mtx name="uniE904" width="1024" lsb="0"/>
   </hmtx>
 
   <cmap>
     <tableVersion version="0"/>
     <cmap_format_4 platformID="3" platEncID="1" language="0">
       <map code="0xe903" name="uniE903"/><!-- ???? -->
-      <map code="0xe904" name="uniE904"/><!-- ???? -->
     </cmap_format_4>
   </cmap>
 
-  <loca>
-    <!-- The 'loca' table will be calculated by the compiler -->
-  </loca>
-
-  <glyf>
-
-    <!-- The xMin, yMin, xMax and yMax values
-         will be recalculated by the compiler. -->
-
-    <TTGlyph name=".notdef"/><!-- contains no outline data -->
-
-    <TTGlyph name="uniE903"/><!-- contains no outline data -->
-
-    <TTGlyph name="uniE904" xMin="0" yMin="0" xMax="1024" yMax="1024">
-      <contour>
-        <pt x="0" y="0" on="1"/>
-        <pt x="1024" y="1024" on="1"/>
-      </contour>
-      <instructions><assembly>
-        </assembly></instructions>
-    </TTGlyph>
-
-  </glyf>
-
   <name>
     <namerecord nameID="1" platformID="3" platEncID="1" langID="0x409">
       ChromaCheck CBDT
@@ -197,7 +170,7 @@
           ee000000 03504c54 45640000 e8a45e26
           00000010 49444154 780163a0 1b1805a3
           60140000 03700001 dc91ef93 00000000
-          49454e44 ae426082  
+          49454e44 ae426082
         </rawimagedata>
       </cbdt_bitmap_format_17>
     </strikedata>