<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="Generator" content="Microsoft Word 15 (filtered medium)">
<!--[if !mso]><style>v\:* {behavior:url(#default#VML);}
o\:* {behavior:url(#default#VML);}
w\:* {behavior:url(#default#VML);}
.shape {behavior:url(#default#VML);}
</style><![endif]--><style><!--
/* Font Definitions */
@font-face
{font-family:Wingdings;
panose-1:5 0 0 0 0 0 0 0 0 0;}
@font-face
{font-family:"Cambria Math";
panose-1:2 4 5 3 5 4 6 3 2 4;}
@font-face
{font-family:DengXian;
panose-1:2 1 6 0 3 1 1 1 1 1;}
@font-face
{font-family:Calibri;
panose-1:2 15 5 2 2 2 4 3 2 4;}
@font-face
{font-family:Aptos;
panose-1:2 11 6 4 2 2 2 2 2 4;}
@font-face
{font-family:"\@DengXian";
panose-1:2 1 6 0 3 1 1 1 1 1;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0in;
font-size:10.0pt;
font-family:"Calibri",sans-serif;}
a:link, span.MsoHyperlink
{mso-style-priority:99;
color:blue;
text-decoration:underline;}
p.MsoListParagraph, li.MsoListParagraph, div.MsoListParagraph
{mso-style-priority:34;
margin-top:0in;
margin-right:0in;
margin-bottom:0in;
margin-left:.5in;
font-size:10.0pt;
font-family:"Calibri",sans-serif;}
span.wtemail
{mso-style-name:wt_email;}
span.EmailStyle21
{mso-style-type:personal-reply;
font-family:"Calibri",sans-serif;
color:windowtext;}
.MsoChpDefault
{mso-style-type:export-only;
font-size:10.0pt;
mso-ligatures:none;}
@page WordSection1
{size:8.5in 11.0in;
margin:1.0in 1.0in 1.0in 1.0in;}
div.WordSection1
{page:WordSection1;}
/* List Definitions */
@list l0
{mso-list-id:871923362;
mso-list-type:hybrid;
mso-list-template-ids:-1944428410 -873594786 67698691 67698693 67698689 67698691 67698693 67698689 67698691 67698693;}
@list l0:level1
{mso-level-start-at:0;
mso-level-number-format:bullet;
mso-level-text:-;
mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-.25in;
font-family:"Calibri",sans-serif;
mso-fareast-font-family:DengXian;}
@list l0:level2
{mso-level-number-format:bullet;
mso-level-text:o;
mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-.25in;
font-family:"Courier New";}
@list l0:level3
{mso-level-number-format:bullet;
mso-level-text:;
mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-.25in;
font-family:Wingdings;}
@list l0:level4
{mso-level-number-format:bullet;
mso-level-text:;
mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-.25in;
font-family:Symbol;}
@list l0:level5
{mso-level-number-format:bullet;
mso-level-text:o;
mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-.25in;
font-family:"Courier New";}
@list l0:level6
{mso-level-number-format:bullet;
mso-level-text:;
mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-.25in;
font-family:Wingdings;}
@list l0:level7
{mso-level-number-format:bullet;
mso-level-text:;
mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-.25in;
font-family:Symbol;}
@list l0:level8
{mso-level-number-format:bullet;
mso-level-text:o;
mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-.25in;
font-family:"Courier New";}
@list l0:level9
{mso-level-number-format:bullet;
mso-level-text:;
mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-.25in;
font-family:Wingdings;}
ol
{margin-bottom:0in;}
ul
{margin-bottom:0in;}
--></style><!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="1026" />
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1" />
</o:shapelayout></xml><![endif]-->
</head>
<body lang="EN-US" link="blue" vlink="purple" style="word-wrap:break-word">
<div class="WordSection1">
<p class="MsoNormal"><span style="font-size:11.0pt">OpenType and OFF support a few diffent colour font formats. Two use colour bitmaps:<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt"><o:p> </o:p></span></p>
<ul style="margin-top:0in" type="disc">
<li class="MsoListParagraph" style="margin-left:0in;mso-list:l0 level1 lfo1"><span style="font-size:11.0pt">CBDT/CBLC: this was originally developed by Google to support emoji on Android devices. The format is also supported in at least Windows and in Edge
and other Chromium-based browsers, but there are very few fonts and I think I can say the format is pretty much obsolete. (Even Google has since replaced CBDT in the Noto Color Emoji font—see below.)<o:p></o:p></span></li></ul>
<p class="MsoListParagraph"><span style="font-size:11.0pt"><o:p> </o:p></span></p>
<ul style="margin-top:0in" type="disc">
<li class="MsoListParagraph" style="margin-left:0in;mso-list:l0 level1 lfo1"><span style="font-size:11.0pt">sbix: this was originally developed by Apple to support emoji. This is also supported in other platforms, some browsers and in some apps (e.g., Corel
Graphics Suite). But last I checked it’s not supported in apps from Adobe or Affinity.<o:p></o:p></span></li></ul>
<p class="MsoNormal"><span style="font-size:11.0pt"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt">Then there are vector formats: two different font tables are used, but one has two versions that need to be distinguished:<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt"><o:p> </o:p></span></p>
<ul style="margin-top:0in" type="disc">
<li class="MsoListParagraph" style="margin-left:0in;mso-list:l0 level1 lfo1"><span style="font-size:11.0pt">COLRv0: this was originally developed by Microsoft to support emoji. It was a relative simple extension to monochrome formats. On the one hand, that
means it has limited graphic capabilities—layered shapes with solid colour fills plus alpha blending. But, on the other hand, this is the colour format that’s most widely supported—all platforms, all browsers, and many apps, including Corel Graphics Suite
and Affinity Designer, but noticeably absent from Adobe apps.<o:p></o:p></span></li></ul>
<p class="MsoNormal"><span style="font-size:11.0pt"><o:p> </o:p></span></p>
<ul style="margin-top:0in" type="disc">
<li class="MsoListParagraph" style="margin-left:0in;mso-list:l0 level1 lfo1"><span style="font-size:11.0pt">SVG: this was originally developed by Adobe at the same time as the above, and first supported in Firefox. Support was added in Windows, the Edge browser
and in Adobe apps in 2017, and also in Safari in a similar timeframe. There have been many OT-SVG fonts created—probably the vast majority of existing colour fonts, mainly because of support in Adobe apps.<br>
<br>
(Most OT-SVG fonts could actually have been implemented using COLRv0, and would have gotten broader app support that way, except that they wouldn’t work in Adobe apps.)<br>
<br>
However, when Edge’s edgehtml layout engine was replaced with Chromium, support for OT-SVG in Edge went away. There’s no expectation that this will be coming back.<o:p></o:p></span></li></ul>
<p class="MsoListParagraph"><span style="font-size:11.0pt"><o:p> </o:p></span></p>
<ul style="margin-top:0in" type="disc">
<li class="MsoListParagraph" style="margin-left:0in;mso-list:l0 level1 lfo1"><span style="font-size:11.0pt">COLRv1: This was developed by Google and Microsoft a few years ago to provide graphics capabilities similar to OT-SVG but in a binary format that better
integrates with the rest of the font format. It has superseded CBDT in the Noto Color Emoji font, and the Segoe UI Emoji font in Windows 11 was recently updated using COLRv1 — see
</span><a href="https://microsoft.design/articles/bringing-new-emoji-to-windows-11?fbclid=IwAR36ro0ec6BHu_YSsDsbnueb2gUjc9k_oPzZBHzlJ5mnfZ62tosMbQg8hqc">Bringing new emoji to Windows 11 | Microsoft Design</a>.<span style="font-size:11.0pt"> Being still relative
new, however, it’s not yet widely supported in apps—Android, Windows and Chromium-based browses are probably it at this point.</span><span style="font-size:11.0pt"><o:p></o:p></span></li></ul>
<p class="MsoNormal"><span style="font-size:11.0pt"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt">At this point, I expect sbix will continue to be used for the indefinite future for colour bitmaps. For vector formats, it remains to be seen whether one or the other of SVG and COLRv1 will become the dominant
format.<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt"><o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt">Peter<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt"><o:p> </o:p></span></p>
<div id="mail-editor-reference-message-container">
<div>
<div style="border:none;border-top:solid #B5C4DF 1.0pt;padding:3.0pt 0in 0in 0in">
<p class="MsoNormal" style="margin-bottom:12.0pt"><b><span style="font-size:12.0pt;font-family:"Aptos",sans-serif;color:black">From:
</span></b><span style="font-size:12.0pt;font-family:"Aptos",sans-serif;color:black">mpeg-otspec <mpeg-otspec-bounces@lists.aau.at> on behalf of William_J_G Overington via mpeg-otspec <mpeg-otspec@lists.aau.at><br>
<b>Date: </b>Monday, February 26, 2024 at 4:37</span><span style="font-size:12.0pt;font-family:"Arial",sans-serif;color:black"> </span><span style="font-size:12.0pt;font-family:"Aptos",sans-serif;color:black">PM<br>
<b>To: </b>mpeg-otspec@lists.aau.at <mpeg-otspec@lists.aau.at><br>
<b>Subject: </b>Re: [MPEG-OTSPEC] [EXTERNAL] questions on OT-SVG in Chrome, MS Edge and Firefox<o:p></o:p></span></p>
</div>
<p>Hi<o:p></o:p></p>
<p>I refer to<o:p></o:p></p>
<p><a href="https://lists.aau.at/pipermail/mpeg-otspec/2024-February/003285.html" target="_blank">https://lists.aau.at/pipermail/mpeg-otspec/2024-February/003285.html</a><o:p></o:p></p>
<p>--<o:p></o:p></p>
<p>A discussion about the technique of using an SVG file exported from Affinity Designer (Affinity Designer not having colour font capability) to produce a colour display using Microsoft Edge has arisen.<o:p></o:p></p>
<p><a href="https://forum.affinity.serif.com/index.php?/topic/199300-color-font-is-not-being-displayed-in-affinity-designer-2-desktop/&do=findComment&comment=1178254" target="_blank">https://forum.affinity.serif.com/index.php?/topic/199300-color-font-is-not-being-displayed-in-affinity-designer-2-desktop/&do=findComment&comment=1178254</a><o:p></o:p></p>
<p>https://forum.affinity.serif.com/index.php?/topic/199300-color-font-is-not-being-displayed-in-affinity-designer-2-desktop/&do=findComment&comment=1178261<o:p></o:p></p>
<p>Is the issue in this thread related to that or is about something different please?<o:p></o:p></p>
<p>Best regards,<o:p></o:p></p>
<p>William Overington<o:p></o:p></p>
<p>Monday 26 February 2024<o:p></o:p></p>
<p> <o:p></o:p></p>
<p><br>
<br>
<o:p></o:p></p>
<blockquote style="margin-top:5.0pt;margin-bottom:5.0pt">
<p>------ Original Message ------<br>
From: <span class="wtemail">mpeg-otspec@lists.aau.at</span><br>
To: <span class="wtemail">htl10@users.sourceforge.net</span>; <span class="wtemail">
mpeg-otspec@lists.aau.at</span>; <span class="wtemail">jfkthame@gmail.com</span><br>
Sent: Tuesday, February 13th 2024, 00:44<br>
Subject: Re: [MPEG-OTSPEC] [EXTERNAL] questions on OT-SVG in Chrome, MS Edge and Firefox<br>
<o:p></o:p></p>
<div>
<p class="MsoNormal" style="mso-margin-top-alt:auto;mso-margin-bottom-alt:auto"><span style="font-size:11.0pt">> Guess OT-SVG support was broken when MS Edge moved to a Chromium-based backend in April 2021.<br>
<br>
<o:p></o:p></span></p>
<p class="MsoNormal" style="mso-margin-top-alt:auto;mso-margin-bottom-alt:auto"><span style="font-size:11.0pt">That’s correct.<o:p></o:p></span></p>
<p class="MsoNormal" style="mso-margin-top-alt:auto;mso-margin-bottom-alt:auto"><span style="font-size:11.0pt"> <o:p></o:p></span></p>
<p class="MsoNormal" style="mso-margin-top-alt:auto;mso-margin-bottom-alt:auto"><span style="font-size:11.0pt"> <o:p></o:p></span></p>
<p class="MsoNormal" style="mso-margin-top-alt:auto;mso-margin-bottom-alt:auto"><span style="font-size:11.0pt">Peter<o:p></o:p></span></p>
<p class="MsoNormal" style="mso-margin-top-alt:auto;mso-margin-bottom-alt:auto"><span style="font-size:11.0pt"> <o:p></o:p></span></p>
<div>
<p class="MsoNormal" style="mso-margin-top-alt:auto;mso-margin-bottom-alt:auto"><strong><span style="font-size:11.0pt;font-family:"Calibri",sans-serif">From:</span></strong><span style="font-size:11.0pt"> Hin-Tak Leung <<span class="wtemail">htl10@users.sourceforge.net</span>> <br>
<strong><span style="font-family:"Calibri",sans-serif">Sent:</span></strong> Monday, February 12, 2024 3:07 PM<br>
<strong><span style="font-family:"Calibri",sans-serif">To:</span></strong> <span class="wtemail">
mpeg-otspec@lists.aau.at</span>; Jonathan Kew <<span class="wtemail">jfkthame@gmail.com</span>>; Peter Constable <<span class="wtemail">pconstable@microsoft.com</span>><br>
<strong><span style="font-family:"Calibri",sans-serif">Cc:</span></strong> suzuki toshiya <<span class="wtemail">mpsuzuki@hiroshima-u.ac.jp</span>><br>
<strong><span style="font-family:"Calibri",sans-serif">Subject:</span></strong> [EXTERNAL] questions on OT-SVG in Chrome, MS Edge and Firefox<o:p></o:p></span></p>
</div>
<p class="MsoNormal" style="mso-margin-top-alt:auto;mso-margin-bottom-alt:auto"><span style="font-size:11.0pt"> <o:p></o:p></span></p>
<div>
<p class="MsoNormal" style="mso-margin-top-alt:auto;mso-margin-bottom-alt:auto"><span style="font-size:11.0pt">Hi,<br>
<br>
I have continued to keep the blink/skia patches [1] up to date to current Chromium. And continue to test them [2] with QT WebEngine, which is a slimmed-down Chromium code variant up to about 3 months behind in latest Chromium development. Am trying to get the
QT folks to take the patches [3].<br>
<br>
Since some claimed that MS Edge supports OT-SVG back in 2017, and MS Edge has been available for Linux for a while, I gave it a try, and it is a NO. Guess OT-SVG support was broken when MS Edge moved to a Chromium-based backend in April 2021.<br>
<br>
Anyway, here is a question for Peter and possibly also other Microsoft folks:<br>
<br>
- I have no idea how much current MS Edge on windows differs from Chrome on windows, but would you pass the URL for the patches to the relevant people and let them see what they see fit to adapt please? Thanks. Feedbacks and corrections/modifications can go
to [1]'s issues, etc or directly/privately to me if needed.<br>
<br>
And here is a question for Jonathan, and possibly other Firefox folks:<br>
<br>
- logically my chrome patches are in 3 parts, a one-liner switching OT-SVG support on in Skia, tell OTS to let such fonts pass-through as a usable font format, and get Blink to use freetype for non-OS-native font formats similar to sbix for windows etc. The
2nd part is somewhat common to Firefox - how does firefox deal with OT-SVG web-font sanitizing-wise? Does its copy of OTS (AFAIK) let them through and just hope the SVG processing is robust enough, or do some XML/etc validation on the way?<br>
<br>
Would like to hear what Safari/Apple folks or webkitgtk folks (both of them supoprts OT-SVG, the latter I tested myself with webkitgtk-sharp) who like to comment on the sanitizing/security aspect of OT-SVG web fonts too. <br>
<br>
Hin-Tak<br>
<br>
<br>
[1] <a href="https://github.com/HinTak/chromium-mod-CI" target="_blank">https://github.com/HinTak/chromium-mod-CI</a><br>
[2] <a href="https://github.com/HinTak/Qt6WE-OT-SVG" target="_blank">https://github.com/HinTak/Qt6WE-OT-SVG</a><br>
[3] <a href="https://bugreports.qt.io/browse/QTBUG-120543" target="_blank">https://bugreports.qt.io/browse/QTBUG-120543</a><o:p></o:p></span></p>
</div>
</div>
<div class="MsoNormal" align="center" style="text-align:center"><span style="font-size:11.0pt">
<hr size="0" width="100%" align="center">
</span></div>
<p>_______________________________________________<br>
mpeg-otspec mailing list<br>
<span class="wtemail">mpeg-otspec@lists.aau.at</span><br>
<a href="https://lists.aau.at/mailman/listinfo/mpeg-otspec" target="_blank">https://lists.aau.at/mailman/listinfo/mpeg-otspec</a><br>
<o:p></o:p></p>
</blockquote>
</div>
</div>
</div>
</body>
</html>