{"id":27,"date":"2016-08-15T14:10:03","date_gmt":"2016-08-15T14:10:03","guid":{"rendered":"https:\/\/www.w3.org\/community\/svgopentype\/?p=27"},"modified":"2016-08-15T22:29:32","modified_gmt":"2016-08-15T22:29:32","slug":"chromatic-fonts-implementation-roundup","status":"publish","type":"post","link":"https:\/\/www.w3.org\/community\/svgopentype\/2016\/08\/15\/chromatic-fonts-implementation-roundup\/","title":{"rendered":"Chromatic fonts &#8211; implementation roundup"},"content":{"rendered":"<p>The implementation of <a href=\"https:\/\/www.microsoft.com\/typography\/otspec\/svg.htm\" target=\"_blank\" rel=\"nofollow\">SVG glyphs for OpenType<\/a> in Firefox is well known. Recently however with the Windows 10 Anniversary Update, I noticed that Microsoft Edge 14 also now supports them!<\/p>\n<p><em>Check to <a href=\"https:\/\/pixelambacht.nl\/chromacheck\/\" target=\"_blank\" rel=\"nofollow\">see what your browser supports!<\/a><\/em><\/p>\n<p>Unfortunately, there is currently a scaling bug which makes each SVG glyph twice as big as it should be. But I am sure that will be fixed pretty soon. Compare <a href=\"https:\/\/pixelambacht.nl\/lapislegit\/\" target=\"_blank\" rel=\"nofollow\">these SVG glyphs vs. inline SVG<\/a>, in Firefox and then in Edge 14.<\/p>\n<p>A little digging reveals even better news &#8211; this isn&#8217;t an Edge-specific update. Instead <a href=\"https:\/\/msdn.microsoft.com\/en-us\/library\/windows\/desktop\/hh802480(v=vs.85).aspx\" target=\"_blank\" rel=\"nofollow\">DirectWrite <\/a>and <a href=\"https:\/\/msdn.microsoft.com\/en-us\/windows\/uwp\/whats-new\/windows-10-version-1607\" target=\"_blank\" rel=\"nofollow\">Direct2D <\/a>have been updated to support SVG in OpenType (also the Google <a href=\"https:\/\/www.microsoft.com\/typography\/otspec\/cbdt.htm\" target=\"_blank\" rel=\"nofollow\"><strong>CBDT <\/strong><\/a>colored PNG glyphs and the Apple <a href=\"https:\/\/developer.apple.com\/fonts\/TrueType-Reference-Manual\/RM06\/Chap6sbix.html\" target=\"_blank\" rel=\"nofollow\"><strong>sbix <\/strong><\/a> colored raster format. (This is in addition to the existing <a href=\"https:\/\/www.microsoft.com\/typography\/otspec\/colr.htm\" target=\"_blank\" rel=\"nofollow\">COLR<\/a>\/<a href=\"https:\/\/www.microsoft.com\/typography\/otspec\/cpal.htm\" target=\"_blank\" rel=\"nofollow\">CPAL <\/a>support that has been there since Windows 8.1).<\/p>\n<p>Amusingly, this means that Edge 14 has better support for the Google-originated CBDT fonts than Google Chrome itself has, due to a <a href=\"https:\/\/github.com\/khaledhosny\/ots\/issues\/52\" target=\"_blank\" rel=\"nofollow\">bug <\/a>in the Chrome OpenType sanitizer which rejects CBDT fonts for not having a <strong>glyf <\/strong>table. This means that Chrome will currently only display CBDT fonts that are installed, not ones loaded by <code>@font-face<\/code>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The implementation of SVG glyphs for OpenType in Firefox is well known. Recently however with the Windows 10 Anniversary Update, I noticed that Microsoft Edge 14 also now supports them! Check to see what your browser supports! Unfortunately, there is &hellip; <a href=\"https:\/\/www.w3.org\/community\/svgopentype\/2016\/08\/15\/chromatic-fonts-implementation-roundup\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":53,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_s2mail":"yes","footnotes":""},"categories":[1],"tags":[],"class_list":["post-27","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/www.w3.org\/community\/svgopentype\/wp-json\/wp\/v2\/posts\/27","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.w3.org\/community\/svgopentype\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.w3.org\/community\/svgopentype\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.w3.org\/community\/svgopentype\/wp-json\/wp\/v2\/users\/53"}],"replies":[{"embeddable":true,"href":"https:\/\/www.w3.org\/community\/svgopentype\/wp-json\/wp\/v2\/comments?post=27"}],"version-history":[{"count":4,"href":"https:\/\/www.w3.org\/community\/svgopentype\/wp-json\/wp\/v2\/posts\/27\/revisions"}],"predecessor-version":[{"id":31,"href":"https:\/\/www.w3.org\/community\/svgopentype\/wp-json\/wp\/v2\/posts\/27\/revisions\/31"}],"wp:attachment":[{"href":"https:\/\/www.w3.org\/community\/svgopentype\/wp-json\/wp\/v2\/media?parent=27"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.w3.org\/community\/svgopentype\/wp-json\/wp\/v2\/categories?post=27"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.w3.org\/community\/svgopentype\/wp-json\/wp\/v2\/tags?post=27"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}