forked from unicode-org/text-rendering-tests
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathHVAR-2.html
82 lines (70 loc) · 6.19 KB
/
HVAR-2.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
<?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="HVAR-2">HVAR–2: Last entry</h3>
<div class="desc">
The <a href="../fonts/TestHVARTwo.ttf">font</a> for this test case
contains an
<a href="https://www.microsoft.com/typography/otspec/hvar.htm" >HVAR
table</a> with fewer entries than glyphs in the font. According to
the OpenType HVAR specification, “if a given glyph ID is greater
than
<em>mapCount</em> – 1, then the last entry is used.” If your
implementation is correct, the two glyphs should not crisscross. If
they overlap, your implementation is faulty. See also
<a href="https://savannah.nongnu.org/bugs/index.php?50678">FreeType
bug 50678</a>.
</div>
<table>
<tr>
<th></th>
<td>0</td>
<td>200</td>
<td>400</td>
<td>600</td>
<td>800</td>
<td>1000</td>
</tr>
<tr>
<th>Expected</th>
<td class="expected" ft:id="HVAR-2/0" ft:render="AB"
ft:font="TestHVARTwo.ttf" ft:var="wght:0"><svg version="1.1" viewBox="0 -335 900 1253"><symbol id="HVAR-2/0.uni0041" overflow="visible"><path d="M0,0 L0,450 L50,450 L50,0 Z M100,0 L100,450 L150,450 L150,0 Z M200,0 L200,450 L250,450 L250,0 Z M300,0 L300,450 L350,450 L350,0 Z M400,0 L400,450 L450,450 L450,0 Z" /></symbol><symbol id="HVAR-2/0.uni0042" overflow="visible"><path d="M450,0 L0,0 L0,50 L450,50 Z M450,100 L0,100 L0,150 L450,150 Z M450,200 L0,200 L0,250 L450,250 Z M450,300 L0,300 L0,350 L450,350 Z M450,400 L0,400 L0,450 L450,450 Z" /></symbol><use x="0" y="0" xlink:href="#HVAR-2/0.uni0041" /><use x="450" y="0" xlink:href="#HVAR-2/0.uni0042" /></svg></td>
<td class="expected" ft:id="HVAR-2/200" ft:render="AB"
ft:font="TestHVARTwo.ttf" ft:var="wght:200"><svg version="1.1" viewBox="0 -335 1030 1253"><symbol id="HVAR-2/200.uni0041" overflow="visible"><path d="M0,0 L0,450 L50,450 L50,0 Z M116,0 L116,450 L166,450 L166,0 Z M233,0 L233,450 L283,450 L283,0 Z M349,0 L349,450 L399,450 L399,0 Z M465,0 L465,450 L515,450 L515,0 Z" /></symbol><symbol id="HVAR-2/200.uni0042" overflow="visible"><path d="M515,0 L0,0 L0,50 L515,50 Z M515,100 L0,100 L0,150 L515,150 Z M515,200 L0,200 L0,250 L515,250 Z M515,300 L0,300 L0,350 L515,350 Z M515,400 L0,400 L0,450 L515,450 Z" /></symbol><use x="0" y="0" xlink:href="#HVAR-2/200.uni0041" /><use x="515" y="0" xlink:href="#HVAR-2/200.uni0042" /></svg></td>
<td class="expected" ft:id="HVAR-2/400" ft:render="AB"
ft:font="TestHVARTwo.ttf" ft:var="wght:400"><svg version="1.1" viewBox="0 -335 1168 1253"><symbol id="HVAR-2/400.uni0041" overflow="visible"><path d="M0,0 L0,450 L50,450 L50,0 Z M133,0 L133,450 L183,450 L183,0 Z M267,0 L267,450 L317,450 L317,0 Z M400,0 L400,450 L450,450 L450,0 Z M534,0 L534,450 L584,450 L584,0 Z" /></symbol><symbol id="HVAR-2/400.uni0042" overflow="visible"><path d="M584,0 L0,0 L0,50 L584,50 Z M584,100 L0,100 L0,150 L584,150 Z M584,200 L0,200 L0,250 L584,250 Z M584,300 L0,300 L0,350 L584,350 Z M584,400 L0,400 L0,450 L584,450 Z" /></symbol><use x="0" y="0" xlink:href="#HVAR-2/400.uni0041" /><use x="584" y="0" xlink:href="#HVAR-2/400.uni0042" /></svg></td>
<td class="expected" ft:id="HVAR-2/600" ft:render="AB"
ft:font="TestHVARTwo.ttf" ft:var="wght:600"><svg version="1.1" viewBox="0 -335 1346 1253"><symbol id="HVAR-2/600.uni0041" overflow="visible"><path d="M0,0 L0,450 L50,450 L50,0 Z M156,0 L156,450 L206,450 L206,0 Z M311,0 L311,450 L361,450 L361,0 Z M467,0 L467,450 L517,450 L517,0 Z M623,0 L623,450 L673,450 L673,0 Z" /></symbol><symbol id="HVAR-2/600.uni0042" overflow="visible"><path d="M673,0 L0,0 L0,50 L673,50 Z M673,100 L0,100 L0,150 L673,150 Z M673,200 L0,200 L0,250 L673,250 Z M673,300 L0,300 L0,350 L673,350 Z M673,400 L0,400 L0,450 L673,450 Z" /></symbol><use x="0" y="0" xlink:href="#HVAR-2/600.uni0041" /><use x="673" y="0" xlink:href="#HVAR-2/600.uni0042" /></svg></td>
<td class="expected" ft:id="HVAR-2/800" ft:render="AB"
ft:font="TestHVARTwo.ttf" ft:var="wght:800"><svg version="1.1" viewBox="0 -335 1522 1253"><symbol id="HVAR-2/800.uni0041" overflow="visible"><path d="M0,0 L0,450 L50,450 L50,0 Z M177,0 L177,450 L227,450 L227,0 Z M356,0 L356,450 L406,450 L406,0 Z M533,0 L533,450 L583,450 L583,0 Z M711,0 L711,450 L761,450 L761,0 Z" /></symbol><symbol id="HVAR-2/800.uni0042" overflow="visible"><path d="M761,0 L0,0 L0,50 L761,50 Z M761,100 L0,100 L0,150 L761,150 Z M761,200 L0,200 L0,250 L761,250 Z M761,300 L0,300 L0,350 L761,350 Z M761,400 L0,400 L0,450 L761,450 Z" /></symbol><use x="0" y="0" xlink:href="#HVAR-2/800.uni0041" /><use x="761" y="0" xlink:href="#HVAR-2/800.uni0042" /></svg></td>
<td class="expected" ft:id="HVAR-2/1000" ft:render="AB"
ft:font="TestHVARTwo.ttf" ft:var="wght:1000"><svg version="1.1" viewBox="0 -335 1700 1253"><symbol id="HVAR-2/1000.uni0041" overflow="visible"><path d="M0,0 L0,450 L50,450 L50,0 Z M200,0 L200,450 L250,450 L250,0 Z M400,0 L400,450 L450,450 L450,0 Z M600,0 L600,450 L650,450 L650,0 Z M800,0 L800,450 L850,450 L850,0 Z" /></symbol><symbol id="HVAR-2/1000.uni0042" overflow="visible"><path d="M850,0 L0,0 L0,50 L850,50 Z M850,100 L0,100 L0,150 L850,150 Z M850,200 L0,200 L0,250 L850,250 Z M850,300 L0,300 L0,350 L850,350 Z M850,400 L0,400 L0,450 L850,450 Z" /></symbol><use x="0" y="0" xlink:href="#HVAR-2/1000.uni0041" /><use x="850" y="0" xlink:href="#HVAR-2/1000.uni0042" /></svg></td>
</tr>
<tr>
<th>Observed</th>
<td class="observed" ft:id="HVAR-2/0"/>
<td class="observed" ft:id="HVAR-2/200"/>
<td class="observed" ft:id="HVAR-2/400"/>
<td class="observed" ft:id="HVAR-2/600"/>
<td class="observed" ft:id="HVAR-2/800"/>
<td class="observed" ft:id="HVAR-2/1000"/>
</tr>
<tr>
<th class="conformance-header">Conformance</th>
<td class="conformance" ft:id="HVAR-2/0"/>
<td class="conformance" ft:id="HVAR-2/200"/>
<td class="conformance" ft:id="HVAR-2/400"/>
<td class="conformance" ft:id="HVAR-2/600"/>
<td class="conformance" ft:id="HVAR-2/800"/>
<td class="conformance" ft:id="HVAR-2/1000"/>
</tr>
</table>
</body>
</html>