testcases/GLYF-1.html

<?xml version="1.0" encoding="UTF-8"?>
<html
    xmlns:ft="https://github.com/OpenType/fonttest"
    xmlns:xlink="http://www.w3.org/1999/xlink">
<head>
  <meta charset="UTF-8"/>
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Vollkorn|Vollkorn:i"/>
  <link rel="stylesheet" href="style.css"/>
</head>
<body>
<h3 id="GLYF-1">GLYF–1: Composite Glyphs</h3>

<div class="desc">
  The <a href="../fonts/TestGLYFOne.ttf">font</a> for this test case
  has a <em>‘glyf’</em> table whose entry for U+0123 LATIN SMALL
  LETTER G WITH CEDILLA is a <em>composite glyph</em>. It has two
  components: one for the base glyph, and another one for the
  accent. A correct implementation must place the accent on top of the
  g.
</div>

<table>
  <tr>
    <th>Expected</th>
    <td class="expected" ft:id="GLYF-1/1"
        ft:render="ģ" ft:font="TestGLYFOne.ttf"><svg version="1.1" viewBox="0 -455 533 1383"><symbol id="GLYF-1/1.gcommaabove" overflow="visible"><path d="M199,97 L313,97 Q396,97 444,61 Q493,25 493,-36 Q493,-108 428,-151 Q363,-195 255,-195 Q150,-195 90,-156 Q30,-117 30,-49 Q30,25 117,74 Q92,94 92,129 Q92,177 141,220 Q86,266 86,345 Q86,419 134,464 Q183,510 262,510 Q330,510 375,476 L482,489 Q498,490 498,475 Q498,469 494,454 L491,443 L408,443 Q438,400 438,345 Q438,271 389,225 Q341,180 262,180 Q211,180 171,200 Q143,175 143,141 Q143,97 199,97 Z M313,53 L178,53 Q165,53 151,56 Q85,13 85,-46 Q85,-94 131,-122 Q177,-151 255,-151 Q338,-151 388,-119 Q438,-88 438,-36 Q438,53 313,53 Z M387,345 Q387,401 353,434 Q319,467 262,467 Q205,467 171,434 Q137,401 137,345 Q137,289 171,256 Q205,223 262,223 Q319,223 353,256 Q387,289 387,345 Z M268,671 L302,650 Q306,640 306,631 Q306,590 262,590 Q214,590 214,645 Q214,669 230,707 Q246,746 271,780 Q292,777 304,765 Q272,707 268,671 Z" /></symbol><use x="0" y="0" xlink:href="#GLYF-1/1.gcommaabove" /></svg></td>
  </tr>

  <tr>
    <th>Observed</th>
    <td class="observed" ft:id="GLYF-1/1"/>
  </tr>

  <tr>
    <th class="conformance-header">Conformance</th>
    <td class="conformance" ft:id="GLYF-1/1"/>
  </tr>

</table>
</body>
</html>