Add glyf table to CBDT font to make it spec compliant

Upon cleaning up some of the ttx source files I noticed that recompiling them suddenly fixed the issue where the COLR font wasn't working in Firefox any more... Should investigate why!
RoelN · Jan 11, 2018 · 77aeaff · 77aeaff
1 parent bf86048
commit 77aeaff
Show file tree

Hide file tree

Showing 10 changed files with 57 additions and 54 deletions.
diff --git a/chromacheck-min.js b/chromacheck-min.js
diff --git a/chromacheck.js b/chromacheck.js
@@ -1,5 +1,5 @@
 /**
- * ChromaCheck 1.12
+ * ChromaCheck 1.13
  * @author Roel Nieskens, https://pixelambacht.nl
  * MIT license
  */
@@ -49,10 +49,10 @@
     var canvas = document.createElement('canvas'),
         context = canvas.getContext('2d'),
         img = new Image(),
+        fontCBDT = 'd09GRgABAAAAAALkAAwAAAAAAxgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABDQkRUAAACVAAAAGAAAABlKWauy0NCTEMAAAK0AAAALQAAAFDwVcDTT1MvMgAAAYAAAAA6AAAAYBf0J01jbWFwAAABxAAAACcAAAAsAAzpNmdseWYAAAH0AAAAGgAAABoNIh0kaGVhZAAAARwAAAAvAAAANgxLufZoaGVhAAABTAAAABUAAAAkCAEEAmhtdHgAAAG8AAAABgAAAAYEAAAAbG9jYQAAAewAAAAGAAAABgANAABtYXhwAAABZAAAABsAAAAgAg4AHW5hbWUAAAIQAAAAOAAAAD4C3AsWcG9zdAAAAkgAAAAMAAAAIAADAAB4AWNgZGAA4bSjFlPj+W2+MkizMIDApQVMAiD6Wm3RSxDNwgAW52BgAlEAAZQH/QB4AWNgZGBgYQACOAkUQQWMAAGRABAAAAB4AWNgZGBgYGJgAdMMUJILJMQgAWICAAH3AC4AeAFjYGFhYJzAwMrAwDST6QwDA0M/hGZ8zWDMyMmAChgFkDgKQMBw4CXzS2YWMB9IogMFBgYAAI4IegAABAAAAAAAAAB4AWNgYGBkYAZiBgYeBhYGBSDNAoRA/kvm//8hpNg/sDwDAFyDBygAAAAAAAANAAAAAQAAAAAEAAQAAAMAABEhESEEAPwABAD8AAAAeAFjYGBgYpBjYGZgZOFkYGRQAPIhbCYw25khg6GIIZ8hlyERzE5lSGbIZlAAsp0YXBhCAHWIBft4AWNgZsALAAB9AAR4AWNgYmAICAAhBoaIzgA/d14uKS4gm9fTwyUISAeAMCMzkNxyP+EdkGIO8AlxTWFgeLEkTg3IFfB0cQypYExeIC3BujhBBChfwMB4Z+L7yQxA4Onq57LOKaEJAK3VFft4AWNgYgABRiC2AGIJKJshAAhhAMEGyzIGBCgASbA6DiApCKRZoLKJAGrOAtkAAAA=',
+        fontCOLR = 'd09GRgABAAAAAAKAAAwAAAAAAowAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABDT0xSAAACVAAAABYAAAAYAAIAJUNQQUwAAAJsAAAAEgAAABLJAAAQT1MvMgAAAYAAAAA6AAAAYBfxJ0pjbWFwAAABxAAAACcAAAAsAAzpM2dseWYAAAH0AAAAGgAAABoNIh0kaGVhZAAAARwAAAAvAAAANgxLumdoaGVhAAABTAAAABUAAAAkCAEEAmhtdHgAAAG8AAAABgAAAAYEAAAAbG9jYQAAAewAAAAGAAAABgANAABtYXhwAAABZAAAABsAAAAgAg4AHW5hbWUAAAIQAAAAOAAAAD4C5wsecG9zdAAAAkgAAAAMAAAAIAADAAB4AWNgZGAAYQ5+qdB4fpuvDNIsDCBwaQGTAIi+VlscBaJZGMDiHAxMIAoAtjIF/QB4AWNgZGBgYQACOAkUQQWMAAGRABAAAAB4AWNgZGBgYGJgAdMMUJILJMQgAWICAAH3AC4AeAFjYGFhYJzAwMrAwDST6QwDA0M/hGZ8zWDMyMmAChgFkDgKQMBw4CXDSwYWEBdIYgAFBgYA/8sIdAAABAAAAAAAAAB4AWNgYGBkYAZiBgYeBhYGBSDNAoRA/kuG//8hpDgjWJ4BAFVMBiYAAAAAAAANAAAAAQAAAAAEAAQAAAMAABEhESEEAPwABAD8AAAAeAEtxgUNgAAAAMHHIQTShTlOAty9/4bf7AARCwlBNhBw4L/43qXjYGUmf19TMuLcj/BJL3XfBg54AWNgZsALAAB9AAR4AWNgYGAEYj4gFgGygGwICQACOwAoAAAAAAABAAEAAQAAAA4AAAAAyP8AAA==',
         fontSBIX = 'd09GRgABAAAAAALoAAsAAAAAA2gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABbAAAADoAAABgF/InTmNtYXAAAAGwAAAALgAAADTpGek7Z2x5ZgAAAegAAAAUAAAAFAgBOQJoZWFkAAABCAAAADAAAAA2CSi71WhoZWEAAAE4AAAAFQAAACQIAQQCaG10eAAAAagAAAAIAAAACAQAAABsb2NhAAAB4AAAAAgAAAAIAAAACm1heHAAAAFQAAAAHAAAACACDwAbbmFtZQAAAfwAAABDAAAATgSgDQdwb3N0AAACQAAAAAwAAAAgAAMAAHNiaXgAAAJMAAAAnAAAAQglRrHNeAFjYGRgAOG5V+edjee3+cogzcIAApcWMAmA6MtRJSdANAsDWJyDgQlEAQAjygideAFjYGRgYGEAAjgJFEEFjAABkQAQAAAAeAFjYGRgYGBmYALTDFCSiwEowCABYgIAAeAALXgBY2BhYWCcwMDKwMA0k+kMAwNDP4RmfM1gzMjJgAoYBZA4CkDAcOAl40ugCSAAJNGBAgMDAABtCHkAAAQAAAAAAAAAeAElxTkBgEAMALDc007MYAH/riqCnyxBMzQsph1panq1mtfF/2Y9NeAGqNkJIQAAAAAAAAAAAAoAAQAAAAAEAAQAAAEAADEBBAAEAHgBLcZVAYQAAECxd4aEQCIQASlABNzd26P3tQFvVD68vjIvDPj/fd8lZyOmwqImwCckY0LHOR1oqfHvx4SUBwCGCbAAeAFjYGbACwAAfQAEeAFjYARCBjDmYdRh8ADSIlD8B4oZCvLSFToD/Nx5uaS4gFxeTw+XIKAWHRDmYAaK+C2ucwdSkiWuESXB+Wkl5YlFqQyOKflJqQqeuYnpqUGpiSmVhSdTbYCK2AJ8QlynMYBAXoTPRJDxni6OIRW33hxkBLmiSeH/+jwPByCTFuBDHhMPQ8JpBkaLaVUiIAFPVz+XdU4JTQAyiyfN',
-        fontCBDT = 'd09GRgABAAAAAAKYAAoAAAAAAtQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABDQkRUAAACCAAAAGAAAABlKWauy0NCTEMAAAJoAAAALQAAAFDwVcDTT1MvMgAAAVgAAAA6AAAAYBf0J01jbWFwAAABnAAAACcAAAAsAAzpNmhlYWQAAAD0AAAALwAAADYJpqZ2aGhlYQAAASQAAAAVAAAAJAgBBAJobXR4AAABlAAAAAYAAAAGBAAAAG1heHAAAAE8AAAAGwAAACACDgAebmFtZQAAAcQAAAA4AAAAPgLcCxZwb3N0AAAB/AAAAAwAAAAgAAMAAHgBY2BkYADhKO+aonh+m68M0iwMIHBpAZMAiL58Iz4TRLMwgMU5GJhAFADr8wddAHgBY2BkYGBhAAI4CRRBBYwAAZEAEAAAAHgBY2BkYGBgYmAF0wxQkgskxCABYgIAAhAALwB4AWNgYWFgnMDAysDANJPpDAMDQz+EZnzNYMzIyYAKGAWQOApAwHDgJfNLZhYwH0iiAwUGBgAAjgh6AAAEAAAAAAAAAHgBY2BgYGRgBmIGBh4GFgYFIM0ChED+S+b//yGk2D+wPAMAXIMHKAB4AWNgYGBikGNgZmBk4WRgZFAA8iFsJjDbmSGDoYghnyGXIRHMTmVIZshmUACynRhcGEIAdYgF+3gBY2BmwAsAAH0ABHgBY2BiYAgIACEGhojOAD93Xi4pLiCb19PDJQhIB4AwIzOQ3HI/4R2QYg7wCXFNYWB4sSRODcgV8HRxDKlgTF4gLcG6OEEEKF/AwHhn4vvJDEDg6ernss4poQkArdUV+3gBY2BiAAFGILYAYgkomyEACGEAwQbLMgYEKABJsDoOICkIpFmgsokAas4C2QAAAA==',
-        fontCOLR = 'd09GRgABAAAAAAKIAAwAAAAAAqQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABDT0xSAAACXAAAABcAAAAYAAIAJkNQQUwAAAJ0AAAAEgAAABLJAAAQT1MvMgAAAYQAAAA6AAAAYBfxJ0pjbWFwAAAByAAAACcAAAAsAA3pM2dseWYAAAH4AAAAHgAAADQqSCpGaGVhZAAAARwAAAAwAAAANgm0TSRoaGVhAAABTAAAABUAAAAkCAEEAmhtdHgAAAHAAAAACAAAAAgEAAAAbG9jYQAAAfAAAAAIAAAACAANABptYXhwAAABZAAAAB0AAAAgAg8AHW5hbWUAAAIYAAAAOAAAAD4C5wsecG9zdAAAAlAAAAAMAAAAIAADAAB4AWNgZGAA4Utvbz6O57f5yiDNAhQA8hcwCYDoy8/YxEE0CwNYnIOBCUQBADUfCKh4AWNgZGBgYQACOAkUQQWMAAGRABAAAAB4AWNgZGBgYGZgAdMMUJKLgYGJgUECxAQAAhIALwAAAHgBY2BhYWCcwMDKwMA0k+kMAwNDP4RmfM1gzMjJgAoYBZA4CkDAcOAlw0sGFhAXSGIABQYGAP/LCHQAAAQAAAAAAAAAeAFjYGBgZGAGYgYGHgYWBgUgzQKEQP5Lhv//IaQ4E1ieAQBVUwYnAAAAAAAADQAaeAFjYGQAAhYgZGBmYBBUFFRkYfjDAMK4ZQBZhAThAAB4AS3GBQ2AAAAAwcchBNKFOU4C3L3/ht/sABELCUE2EHDgv/jepeNgZSZ/X1My4tyP8Ekvdd8GDngBY2BmwAsAAH0ABHgBY2BgYARiPiAWAbKYQHyQCAACRAApAAAAAAEAAQABAAAADgAAAADI/wAA',
-        fontSVG  = 'd09GRgABAAAAAAMcAAsAAAAAA6AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABcAAAADoAAABgF/MnTlNWRyAAAAJMAAAAzQAAAUj2P3csY21hcAAAAbQAAAAtAAAANOkY6T1nbHlmAAAB7AAAABoAAAAeFxomMWhlYWQAAAEIAAAALgAAADYJtB9baGhlYQAAATgAAAAVAAAAJAgBBAJobXR4AAABrAAAAAgAAAAIBAAAAGxvY2EAAAHkAAAACAAAAAgAAAAPbWF4cAAAAVAAAAAdAAAAIAIPAB5uYW1lAAACCAAAADcAAAA8ApwLJXBvc3QAAAJAAAAADAAAACAAAwAAeAFjYGRgAOP1Myrj+W2+MkizMIDApQVMAiD68tMbfiCahQEszsHABKIA+9wH9QAAeAFjYGRgYGEAAjgJFEEFjAABkQAQAAAAeAFjYGRgYGBmYAXTDFCSi4GBiYFBAsQEAAIrADAAAAB4AWNgYWFgnMDAysDANJPpDAMDQz+EZnzNYMzIyYAKGAWQOApAwHDgJdNLoAkgACTRgQIDAwAAjAh6AAAEAAAAAAAAAHgBJcU5AYBADACw3NeJuRrw76oi+MkSNEPDZtoRpqZXr3ld/OeVpwbcs+wKIQAAAAAAAAAAAAAPeAFjYGQAAhYgBCFBRSBkYfjDAMEMABXBAocAAHgBY2BgYGKQY2BmYGThZGAEshigbCYw25khg6GIIZ8hlyERzE5lSGbIZlBgCGYIY3AHAGnZBcoAeAFjYGbACwAAfQAEeAFtD4VOQzEQ4ug3XA7XXnHrFiU2YjixeV9D7c3391RwOHeZiTCf5GzEoJeDSVfVidEw6vT6ylmBfJ8QOrbl2spKgfd313tnWK3MQ4Kr/khCqLd9gcVg4C8YG4/H++PDfdeT7ICIWKjAXHIx0cq+/lfIz8/PWcri980cQbUFSj31Bce0M2+VMOg1bL/rekZgv9XQnU2+u8e3vtWEKt8YFNBVWgtcOTygAAhh3A0Bp4MjqCX5zSSoURbJ/dAvCOzbbiY/n4+/Vd4AJ3hQnQAAAA==',
+        fontSVG  = 'd09GRgABAAAAAAMcAAsAAAAAA6AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABcAAAADoAAABgF/MnTlNWRyAAAAJMAAAAzQAAAUj2P3csY21hcAAAAbQAAAAtAAAANOkY6T1nbHlmAAAB7AAAABoAAAAeFxomMWhlYWQAAAEIAAAALwAAADYMS7n2aGhlYQAAATgAAAAVAAAAJAgBBAJobXR4AAABrAAAAAgAAAAIBAAAAGxvY2EAAAHkAAAACAAAAAgAAAAPbWF4cAAAAVAAAAAdAAAAIAIPAB5uYW1lAAACCAAAADcAAAA8ApwLJXBvc3QAAAJAAAAADAAAACAAAwAAeAFjYGRgAOHfDcnO8fw2XxmkWRhA4NICJgEQfa226CWIZmEAi3MwMIEoAAnXCCYAeAFjYGRgYGEAAjgJFEEFjAABkQAQAAAAeAFjYGRgYGBmYAXTDFCSi4GBiYFBAsQEAAIrADAAAAB4AWNgYWFgnMDAysDANJPpDAMDQz+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;fill:#000">'+
               '<style type="text/css">'+
               '@font-face{font-family:"chromacheck-cbdt";src:url(data:application/x-font-woff;base64,'+fontCBDT+') format("woff");}'+

diff --git a/chromacheck.min.js b/chromacheck.min.js
diff --git a/demo.html b/demo.html
@@ -37,6 +37,6 @@ <h1>ChromaCheck by PixelAmbacht</h1>
         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>
+        <script src="chromacheck.min.js"></script>
     </body>
 </html>
diff --git a/fonts/chromacheck-cbdt.woff b/fonts/chromacheck-cbdt.woff
diff --git a/fonts/chromacheck-colr.woff b/fonts/chromacheck-colr.woff
diff --git a/fonts/chromacheck-svg.woff b/fonts/chromacheck-svg.woff