Snapshot: Display slope-heterogeneous variants. Closes #629

snapshot/index.html

@@ -77,11 +77,11 @@
 				<ol class="group">
 				<li class="desc-group char">
 					<div class="label tag">cv01</div>
-							<div class="sample" style="font-feature-settings:'cv01'">a</div>
+						<div class="sample" style="font-feature-settings:'cv01'">a</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">cv02</div>
-							<div class="sample" style="font-feature-settings:'cv02'">a</div>
+						<div class="sample" style="font-feature-settings:'cv02'">a</div>
 				</li>
 			</ol></li>
 			<li>
@@ -92,19 +92,19 @@
 				<ol class="group">
 				<li class="desc-group char">
 					<div class="label tag">cv52</div>
-							<div class="sample" style="font-feature-settings:'cv52'">f</div>
+						<div class="sample" style="font-feature-settings:'cv52'">f</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">cv53</div>
-							<div class="sample" style="font-feature-settings:'cv53'">f</div>
+						<div class="sample" style="font-feature-settings:'cv53'">f</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">cv84</div>
-							<div class="sample" style="font-feature-settings:'cv84'">f</div>
+						<div class="sample" style="font-feature-settings:'cv84'">f</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">VXAD</div>
-							<div class="sample" style="font-feature-settings:'VXAD'">f</div>
+						<div class="sample" style="font-feature-settings:'VXAD'">f</div>
 				</li>
 			</ol></li>
 			<li>
@@ -115,15 +115,15 @@
 				<ol class="group">
 				<li class="desc-group char">
 					<div class="label tag">VXBK</div>
-							<div class="sample" style="font-feature-settings:'VXBK'">b</div>
+						<div class="sample" style="font-feature-settings:'VXBK'">b</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">VXBL</div>
-							<div class="sample" style="font-feature-settings:'VXBL'">b</div>
+						<div class="sample" style="font-feature-settings:'VXBL'">b</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">VXBM</div>
-							<div class="sample" style="font-feature-settings:'VXBM'">b</div>
+						<div class="sample" style="font-feature-settings:'VXBM'">b</div>
 				</li>
 			</ol></li>
 			<li>
@@ -134,19 +134,19 @@
 				<ol class="group">
 				<li class="desc-group char">
 					<div class="label tag">VXBN</div>
-							<div class="sample" style="font-feature-settings:'VXBN'">d</div>
+						<div class="sample" style="font-feature-settings:'VXBN'">d</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">VXBO</div>
-							<div class="sample" style="font-feature-settings:'VXBO'">d</div>
+						<div class="sample" style="font-feature-settings:'VXBO'">d</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">VXBP</div>
-							<div class="sample" style="font-feature-settings:'VXBP'">d</div>
+						<div class="sample" style="font-feature-settings:'VXBP'">d</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">VXBQ</div>
-							<div class="sample" style="font-feature-settings:'VXBQ'">d</div>
+						<div class="sample" style="font-feature-settings:'VXBQ'">d</div>
 				</li>
 			</ol></li>
 			<li>
@@ -157,15 +157,15 @@
 				<ol class="group">
 				<li class="desc-group char">
 					<div class="label tag">cv11</div>
-							<div class="sample" style="font-feature-settings:'cv11'">g</div>
+						<div class="sample" style="font-feature-settings:'cv11'">g</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">cv12</div>
-							<div class="sample" style="font-feature-settings:'cv12'">g</div>
+						<div class="sample" style="font-feature-settings:'cv12'">g</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">cv24</div>
-							<div class="sample" style="font-feature-settings:'cv24'">g</div>
+						<div class="sample" style="font-feature-settings:'cv24'">g</div>
 				</li>
 			</ol></li>
 			<li>
@@ -176,31 +176,31 @@
 				<ol class="group">
 				<li class="desc-group char">
 					<div class="label tag">cv03</div>
-							<div class="sample" style="font-feature-settings:'cv03'">i</div>
+						<div class="sample" style="font-feature-settings:'cv03'">i</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">cv04</div>
-							<div class="sample" style="font-feature-settings:'cv04'">i</div>
+						<div class="sample" style="font-feature-settings:'cv04'">i</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">cv05</div>
-							<div class="sample" style="font-feature-settings:'cv05'">i</div>
+						<div class="sample" style="font-feature-settings:'cv05'">i</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">cv06</div>
-							<div class="sample" style="font-feature-settings:'cv06'">i</div>
+						<div class="sample" style="font-feature-settings:'cv06'">i</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">cv56</div>
-							<div class="sample" style="font-feature-settings:'cv56'">i</div>
+						<div class="sample" style="font-feature-settings:'cv56'">i</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">cv88</div>
-							<div class="sample" style="font-feature-settings:'cv88'">i</div>
+						<div class="sample" style="font-feature-settings:'cv88'">i</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">VXAA</div>
-							<div class="sample" style="font-feature-settings:'VXAA'">i</div>
+						<div class="sample" style="font-feature-settings:'VXAA'">i</div>
 				</li>
 			</ol></li>
 			<li>
@@ -211,15 +211,15 @@
 				<ol class="group">
 				<li class="desc-group char">
 					<div class="label tag">cv57</div>
-							<div class="sample" style="font-feature-settings:'cv57'">j</div>
+						<div class="sample" style="font-feature-settings:'cv57'">j</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">cv58</div>
-							<div class="sample" style="font-feature-settings:'cv58'">j</div>
+						<div class="sample" style="font-feature-settings:'cv58'">j</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">cv98</div>
-							<div class="sample" style="font-feature-settings:'cv98'">j</div>
+						<div class="sample" style="font-feature-settings:'cv98'">j</div>
 				</li>
 			</ol></li>
 			<li>
@@ -230,19 +230,21 @@
 				<ol class="group">
 				<li class="desc-group char">
 					<div class="label tag">cv68</div>
-							<div class="sample" style="font-feature-settings:'cv68'">k</div>
+						<div class="sample" style="font-feature-settings:'cv68'">k</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">cv69</div>
-							<div class="sample" style="font-feature-settings:'cv69'">k</div>
+						<div class="sample" style="font-feature-settings:'cv69'">k</div>
 				</li>
-				<li class="desc-group char">
+				<li class="desc-group ligature">
 					<div class="label tag">cv70</div>
-							<div class="sample" style="font-feature-settings:'cv70'">k</div>
+						<div class="sample" style="font-feature-settings:'cv70'">k</div>
+						<div class="sample italic" style="font-feature-settings:'cv70'">k</div>
 				</li>
-				<li class="desc-group char">
+				<li class="desc-group ligature">
 					<div class="label tag">VXBR</div>
-							<div class="sample" style="font-feature-settings:'VXBR'">k</div>
+						<div class="sample" style="font-feature-settings:'VXBR'">k</div>
+						<div class="sample italic" style="font-feature-settings:'VXBR'">k</div>
 				</li>
 			</ol></li>
 			<li>
@@ -253,31 +255,31 @@
 				<ol class="group">
 				<li class="desc-group char">
 					<div class="label tag">cv07</div>
-							<div class="sample" style="font-feature-settings:'cv07'">l</div>
+						<div class="sample" style="font-feature-settings:'cv07'">l</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">cv08</div>
-							<div class="sample" style="font-feature-settings:'cv08'">l</div>
+						<div class="sample" style="font-feature-settings:'cv08'">l</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">cv09</div>
-							<div class="sample" style="font-feature-settings:'cv09'">l</div>
+						<div class="sample" style="font-feature-settings:'cv09'">l</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">cv10</div>
-							<div class="sample" style="font-feature-settings:'cv10'">l</div>
+						<div class="sample" style="font-feature-settings:'cv10'">l</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">cv27</div>
-							<div class="sample" style="font-feature-settings:'cv27'">l</div>
+						<div class="sample" style="font-feature-settings:'cv27'">l</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">cv28</div>
-							<div class="sample" style="font-feature-settings:'cv28'">l</div>
+						<div class="sample" style="font-feature-settings:'cv28'">l</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">cv59</div>
-							<div class="sample" style="font-feature-settings:'cv59'">l</div>
+						<div class="sample" style="font-feature-settings:'cv59'">l</div>
 				</li>
 			</ol></li>
 			<li>
@@ -288,11 +290,11 @@
 				<ol class="group">
 				<li class="desc-group char">
 					<div class="label tag">cv25</div>
-							<div class="sample" style="font-feature-settings:'cv25'">m</div>
+						<div class="sample" style="font-feature-settings:'cv25'">m</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">cv26</div>
-							<div class="sample" style="font-feature-settings:'cv26'">m</div>
+						<div class="sample" style="font-feature-settings:'cv26'">m</div>
 				</li>
 			</ol></li>
 			<li>
@@ -303,11 +305,11 @@
 				<ol class="group">
 				<li class="desc-group char">
 					<div class="label tag">VXAZ</div>
-							<div class="sample" style="font-feature-settings:'VXAZ'">q</div>
+						<div class="sample" style="font-feature-settings:'VXAZ'">q</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">VXBA</div>
-							<div class="sample" style="font-feature-settings:'VXBA'">q</div>
+						<div class="sample" style="font-feature-settings:'VXBA'">q</div>
 				</li>
 			</ol></li>
 			<li>
@@ -318,15 +320,15 @@
 				<ol class="group">
 				<li class="desc-group char">
 					<div class="label tag">cv85</div>
-							<div class="sample" style="font-feature-settings:'cv85'">r</div>
+						<div class="sample" style="font-feature-settings:'cv85'">r</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">cv86</div>
-							<div class="sample" style="font-feature-settings:'cv86'">r</div>
+						<div class="sample" style="font-feature-settings:'cv86'">r</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">cv87</div>
-							<div class="sample" style="font-feature-settings:'cv87'">r</div>
+						<div class="sample" style="font-feature-settings:'cv87'">r</div>
 				</li>
 			</ol></li>
 			<li>
@@ -337,11 +339,11 @@
 				<ol class="group">
 				<li class="desc-group char">
 					<div class="label tag">cv40</div>
-							<div class="sample" style="font-feature-settings:'cv40'">t</div>
+						<div class="sample" style="font-feature-settings:'cv40'">t</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">cv41</div>
-							<div class="sample" style="font-feature-settings:'cv41'">t</div>
+						<div class="sample" style="font-feature-settings:'cv41'">t</div>
 				</li>
 			</ol></li>
 			<li>
@@ -352,11 +354,11 @@
 				<ol class="group">
 				<li class="desc-group char">
 					<div class="label tag">cv89</div>
-							<div class="sample" style="font-feature-settings:'cv89'">u</div>
+						<div class="sample" style="font-feature-settings:'cv89'">u</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">cv90</div>
-							<div class="sample" style="font-feature-settings:'cv90'">u</div>
+						<div class="sample" style="font-feature-settings:'cv90'">u</div>
 				</li>
 			</ol></li>
 			<li>
@@ -367,11 +369,11 @@
 				<ol class="group">
 				<li class="desc-group char">
 					<div class="label tag">cv71</div>
-							<div class="sample" style="font-feature-settings:'cv71'">v</div>
+						<div class="sample" style="font-feature-settings:'cv71'">v</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">cv72</div>
-							<div class="sample" style="font-feature-settings:'cv72'">v</div>
+						<div class="sample" style="font-feature-settings:'cv72'">v</div>
 				</li>
 			</ol></li>
 			<li>
@@ -382,11 +384,11 @@
 				<ol class="group">
 				<li class="desc-group char">
 					<div class="label tag">cv75</div>
-							<div class="sample" style="font-feature-settings:'cv75'">w</div>
+						<div class="sample" style="font-feature-settings:'cv75'">w</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">cv76</div>
-							<div class="sample" style="font-feature-settings:'cv76'">w</div>
+						<div class="sample" style="font-feature-settings:'cv76'">w</div>
 				</li>
 			</ol></li>
 			<li>
@@ -397,11 +399,11 @@
 				<ol class="group">
 				<li class="desc-group char">
 					<div class="label tag">cv77</div>
-							<div class="sample" style="font-feature-settings:'cv77'">x</div>
+						<div class="sample" style="font-feature-settings:'cv77'">x</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">cv78</div>
-							<div class="sample" style="font-feature-settings:'cv78'">x</div>
+						<div class="sample" style="font-feature-settings:'cv78'">x</div>
 				</li>
 			</ol></li>
 			<li>
@@ -412,19 +414,19 @@
 				<ol class="group">
 				<li class="desc-group char">
 					<div class="label tag">cv48</div>
-							<div class="sample" style="font-feature-settings:'cv48'">y</div>
+						<div class="sample" style="font-feature-settings:'cv48'">y</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">cv49</div>
-							<div class="sample" style="font-feature-settings:'cv49'">y</div>
+						<div class="sample" style="font-feature-settings:'cv49'">y</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">cv79</div>
-							<div class="sample" style="font-feature-settings:'cv79'">y</div>
+						<div class="sample" style="font-feature-settings:'cv79'">y</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">VXBF</div>
-							<div class="sample" style="font-feature-settings:'VXBF'">y</div>
+						<div class="sample" style="font-feature-settings:'VXBF'">y</div>
 				</li>
 			</ol></li>
 			<li>
@@ -435,11 +437,11 @@
 				<ol class="group">
 				<li class="desc-group char">
 					<div class="label tag">VXBD</div>
-							<div class="sample" style="font-feature-settings:'VXBD'">z</div>
+						<div class="sample" style="font-feature-settings:'VXBD'">z</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">VXBE</div>
-							<div class="sample" style="font-feature-settings:'VXBE'">z</div>
+						<div class="sample" style="font-feature-settings:'VXBE'">z</div>
 				</li>
 			</ol></li>
 			<li>
@@ -450,11 +452,11 @@
 				<ol class="group">
 				<li class="desc-group char">
 					<div class="label tag">cv73</div>
-							<div class="sample" style="font-feature-settings:'cv73'">A</div>
+						<div class="sample" style="font-feature-settings:'cv73'">A</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">cv74</div>
-							<div class="sample" style="font-feature-settings:'cv74'">A</div>
+						<div class="sample" style="font-feature-settings:'cv74'">A</div>
 				</li>
 			</ol></li>
 			<li>
@@ -465,11 +467,11 @@
 				<ol class="group">
 				<li class="desc-group char">
 					<div class="label tag">VXAP</div>
-							<div class="sample" style="font-feature-settings:'VXAP'">B</div>
+						<div class="sample" style="font-feature-settings:'VXAP'">B</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">VXAQ</div>
-							<div class="sample" style="font-feature-settings:'VXAQ'">B</div>
+						<div class="sample" style="font-feature-settings:'VXAQ'">B</div>
 				</li>
 			</ol></li>
 			<li>
@@ -480,11 +482,11 @@
 				<ol class="group">
 				<li class="desc-group char">
 					<div class="label tag">VXBG</div>
-							<div class="sample" style="font-feature-settings:'VXBG'">D</div>
+						<div class="sample" style="font-feature-settings:'VXBG'">D</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">VXBH</div>
-							<div class="sample" style="font-feature-settings:'VXBH'">D</div>
+						<div class="sample" style="font-feature-settings:'VXBH'">D</div>
 				</li>
 			</ol></li>
 			<li>
@@ -495,11 +497,11 @@
 				<ol class="group">
 				<li class="desc-group char">
 					<div class="label tag">cv91</div>
-							<div class="sample" style="font-feature-settings:'cv91'">G</div>
+						<div class="sample" style="font-feature-settings:'cv91'">G</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">cv92</div>
-							<div class="sample" style="font-feature-settings:'cv92'">G</div>
+						<div class="sample" style="font-feature-settings:'cv92'">G</div>
 				</li>
 			</ol></li>
 			<li>
@@ -510,11 +512,11 @@
 				<ol class="group">
 				<li class="desc-group char">
 					<div class="label tag">cv42</div>
-							<div class="sample" style="font-feature-settings:'cv42'">Q</div>
+						<div class="sample" style="font-feature-settings:'cv42'">Q</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">cv43</div>
-							<div class="sample" style="font-feature-settings:'cv43'">Q</div>
+						<div class="sample" style="font-feature-settings:'cv43'">Q</div>
 				</li>
 			</ol></li>
 			<li>
@@ -525,11 +527,11 @@
 				<ol class="group">
 				<li class="desc-group char">
 					<div class="label tag">cv82</div>
-							<div class="sample" style="font-feature-settings:'cv82'">R</div>
+						<div class="sample" style="font-feature-settings:'cv82'">R</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">cv83</div>
-							<div class="sample" style="font-feature-settings:'cv83'">R</div>
+						<div class="sample" style="font-feature-settings:'cv83'">R</div>
 				</li>
 			</ol></li>
 			<li>
@@ -540,11 +542,11 @@
 				<ol class="group">
 				<li class="desc-group char">
 					<div class="label tag">cv80</div>
-							<div class="sample" style="font-feature-settings:'cv80'">Y</div>
+						<div class="sample" style="font-feature-settings:'cv80'">Y</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">cv81</div>
-							<div class="sample" style="font-feature-settings:'cv81'">Y</div>
+						<div class="sample" style="font-feature-settings:'cv81'">Y</div>
 				</li>
 			</ol></li>
 			<li>
@@ -555,23 +557,23 @@
 				<ol class="group">
 				<li class="desc-group char">
 					<div class="label tag">cv13</div>
-							<div class="sample" style="font-feature-settings:'cv13'">0</div>
+						<div class="sample" style="font-feature-settings:'cv13'">0</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">cv14</div>
-							<div class="sample" style="font-feature-settings:'cv14'">0</div>
+						<div class="sample" style="font-feature-settings:'cv14'">0</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">cv15</div>
-							<div class="sample" style="font-feature-settings:'cv15'">0</div>
+						<div class="sample" style="font-feature-settings:'cv15'">0</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">cv93</div>
-							<div class="sample" style="font-feature-settings:'cv93'">0</div>
+						<div class="sample" style="font-feature-settings:'cv93'">0</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">VXAB</div>
-							<div class="sample" style="font-feature-settings:'VXAB'">0</div>
+						<div class="sample" style="font-feature-settings:'VXAB'">0</div>
 				</li>
 			</ol></li>
 			<li>
@@ -582,15 +584,15 @@
 				<ol class="group">
 				<li class="desc-group char">
 					<div class="label tag">cv50</div>
-							<div class="sample" style="font-feature-settings:'cv50'">1</div>
+						<div class="sample" style="font-feature-settings:'cv50'">1</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">cv51</div>
-							<div class="sample" style="font-feature-settings:'cv51'">1</div>
+						<div class="sample" style="font-feature-settings:'cv51'">1</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">VXAM</div>
-							<div class="sample" style="font-feature-settings:'VXAM'">1</div>
+						<div class="sample" style="font-feature-settings:'VXAM'">1</div>
 				</li>
 			</ol></li>
 			<li>
@@ -601,11 +603,11 @@
 				<ol class="group">
 				<li class="desc-group char">
 					<div class="label tag">cv46</div>
-							<div class="sample" style="font-feature-settings:'cv46'">3</div>
+						<div class="sample" style="font-feature-settings:'cv46'">3</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">cv47</div>
-							<div class="sample" style="font-feature-settings:'cv47'">3</div>
+						<div class="sample" style="font-feature-settings:'cv47'">3</div>
 				</li>
 			</ol></li>
 			<li>
@@ -616,27 +618,27 @@
 				<ol class="group">
 				<li class="desc-group char">
 					<div class="label tag">VXAR</div>
-							<div class="sample" style="font-feature-settings:'VXAR'">4</div>
+						<div class="sample" style="font-feature-settings:'VXAR'">4</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">VXAS</div>
-							<div class="sample" style="font-feature-settings:'VXAS'">4</div>
+						<div class="sample" style="font-feature-settings:'VXAS'">4</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">VXAT</div>
-							<div class="sample" style="font-feature-settings:'VXAT'">4</div>
+						<div class="sample" style="font-feature-settings:'VXAT'">4</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">VXAU</div>
-							<div class="sample" style="font-feature-settings:'VXAU'">4</div>
+						<div class="sample" style="font-feature-settings:'VXAU'">4</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">VXAV</div>
-							<div class="sample" style="font-feature-settings:'VXAV'">4</div>
+						<div class="sample" style="font-feature-settings:'VXAV'">4</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">VXAW</div>
-							<div class="sample" style="font-feature-settings:'VXAW'">4</div>
+						<div class="sample" style="font-feature-settings:'VXAW'">4</div>
 				</li>
 			</ol></li>
 			<li>
@@ -647,15 +649,15 @@
 				<ol class="group">
 				<li class="desc-group char">
 					<div class="label tag">VXAE</div>
-							<div class="sample" style="font-feature-settings:'VXAE'">6</div>
+						<div class="sample" style="font-feature-settings:'VXAE'">6</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">VXAF</div>
-							<div class="sample" style="font-feature-settings:'VXAF'">6</div>
+						<div class="sample" style="font-feature-settings:'VXAF'">6</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">VXBB</div>
-							<div class="sample" style="font-feature-settings:'VXBB'">6</div>
+						<div class="sample" style="font-feature-settings:'VXBB'">6</div>
 				</li>
 			</ol></li>
 			<li>
@@ -666,19 +668,19 @@
 				<ol class="group">
 				<li class="desc-group char">
 					<div class="label tag">cv64</div>
-							<div class="sample" style="font-feature-settings:'cv64'">7</div>
+						<div class="sample" style="font-feature-settings:'cv64'">7</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">cv65</div>
-							<div class="sample" style="font-feature-settings:'cv65'">7</div>
+						<div class="sample" style="font-feature-settings:'cv65'">7</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">VXAX</div>
-							<div class="sample" style="font-feature-settings:'VXAX'">7</div>
+						<div class="sample" style="font-feature-settings:'VXAX'">7</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">VXAY</div>
-							<div class="sample" style="font-feature-settings:'VXAY'">7</div>
+						<div class="sample" style="font-feature-settings:'VXAY'">7</div>
 				</li>
 			</ol></li>
 			<li>
@@ -689,15 +691,15 @@
 				<ol class="group">
 				<li class="desc-group char">
 					<div class="label tag">cv96</div>
-							<div class="sample" style="font-feature-settings:'cv96'">9</div>
+						<div class="sample" style="font-feature-settings:'cv96'">9</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">cv97</div>
-							<div class="sample" style="font-feature-settings:'cv97'">9</div>
+						<div class="sample" style="font-feature-settings:'cv97'">9</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">VXBC</div>
-							<div class="sample" style="font-feature-settings:'VXBC'">9</div>
+						<div class="sample" style="font-feature-settings:'VXBC'">9</div>
 				</li>
 			</ol></li>
 			<li>
@@ -708,15 +710,15 @@
 				<ol class="group">
 				<li class="desc-group char">
 					<div class="label tag">cv34</div>
-							<div class="sample" style="font-feature-settings:'cv34'">ß</div>
+						<div class="sample" style="font-feature-settings:'cv34'">ß</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">cv35</div>
-							<div class="sample" style="font-feature-settings:'cv35'">ß</div>
+						<div class="sample" style="font-feature-settings:'cv35'">ß</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">VXAC</div>
-							<div class="sample" style="font-feature-settings:'VXAC'">ß</div>
+						<div class="sample" style="font-feature-settings:'VXAC'">ß</div>
 				</li>
 			</ol></li>
 			<li>
@@ -727,11 +729,11 @@
 				<ol class="group">
 				<li class="desc-group char">
 					<div class="label tag">cv94</div>
-							<div class="sample" style="font-feature-settings:'cv94'">λ</div>
+						<div class="sample" style="font-feature-settings:'cv94'">λ</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">cv95</div>
-							<div class="sample" style="font-feature-settings:'cv95'">λ</div>
+						<div class="sample" style="font-feature-settings:'cv95'">λ</div>
 				</li>
 			</ol></li>
 			<li>
@@ -742,11 +744,11 @@
 				<ol class="group">
 				<li class="desc-group char">
 					<div class="label tag">cv16</div>
-							<div class="sample" style="font-feature-settings:'cv16'">~</div>
+						<div class="sample" style="font-feature-settings:'cv16'">~</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">cv17</div>
-							<div class="sample" style="font-feature-settings:'cv17'">~</div>
+						<div class="sample" style="font-feature-settings:'cv17'">~</div>
 				</li>
 			</ol></li>
 			<li>
@@ -757,19 +759,19 @@
 				<ol class="group">
 				<li class="desc-group char">
 					<div class="label tag">cv18</div>
-							<div class="sample" style="font-feature-settings:'cv18'">*</div>
+						<div class="sample" style="font-feature-settings:'cv18'">*</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">cv19</div>
-							<div class="sample" style="font-feature-settings:'cv19'">*</div>
+						<div class="sample" style="font-feature-settings:'cv19'">*</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">cv60</div>
-							<div class="sample" style="font-feature-settings:'cv60'">*</div>
+						<div class="sample" style="font-feature-settings:'cv60'">*</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">cv61</div>
-							<div class="sample" style="font-feature-settings:'cv61'">*</div>
+						<div class="sample" style="font-feature-settings:'cv61'">*</div>
 				</li>
 			</ol></li>
 			<li>
@@ -780,15 +782,15 @@
 				<ol class="group">
 				<li class="desc-group char">
 					<div class="label tag">cv20</div>
-							<div class="sample" style="font-feature-settings:'cv20'">_</div>
+						<div class="sample" style="font-feature-settings:'cv20'">_</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">cv21</div>
-							<div class="sample" style="font-feature-settings:'cv21'">_</div>
+						<div class="sample" style="font-feature-settings:'cv21'">_</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">cv99</div>
-							<div class="sample" style="font-feature-settings:'cv99'">_</div>
+						<div class="sample" style="font-feature-settings:'cv99'">_</div>
 				</li>
 			</ol></li>
 			<li>
@@ -799,11 +801,11 @@
 				<ol class="group">
 				<li class="desc-group char">
 					<div class="label tag">cv22</div>
-							<div class="sample" style="font-feature-settings:'cv22'">¶</div>
+						<div class="sample" style="font-feature-settings:'cv22'">¶</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">cv23</div>
-							<div class="sample" style="font-feature-settings:'cv23'">¶</div>
+						<div class="sample" style="font-feature-settings:'cv23'">¶</div>
 				</li>
 			</ol></li>
 			<li>
@@ -814,11 +816,11 @@
 				<ol class="group">
 				<li class="desc-group char">
 					<div class="label tag">cv29</div>
-							<div class="sample" style="font-feature-settings:'cv29'">^</div>
+						<div class="sample" style="font-feature-settings:'cv29'">^</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">cv30</div>
-							<div class="sample" style="font-feature-settings:'cv30'">^</div>
+						<div class="sample" style="font-feature-settings:'cv30'">^</div>
 				</li>
 			</ol></li>
 			<li>
@@ -865,19 +867,19 @@
 				<ol class="group">
 				<li class="desc-group char">
 					<div class="label tag">cv44</div>
-							<div class="sample" style="font-feature-settings:'cv44'">#</div>
+						<div class="sample" style="font-feature-settings:'cv44'">#</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">cv45</div>
-							<div class="sample" style="font-feature-settings:'cv45'">#</div>
+						<div class="sample" style="font-feature-settings:'cv45'">#</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">VXBI</div>
-							<div class="sample" style="font-feature-settings:'VXBI'">#</div>
+						<div class="sample" style="font-feature-settings:'VXBI'">#</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">VXBJ</div>
-							<div class="sample" style="font-feature-settings:'VXBJ'">#</div>
+						<div class="sample" style="font-feature-settings:'VXBJ'">#</div>
 				</li>
 			</ol></li>
 			<li>
@@ -888,27 +890,27 @@
 				<ol class="group">
 				<li class="desc-group char">
 					<div class="label tag">VXAG</div>
-							<div class="sample" style="font-feature-settings:'VXAG'">&amp;</div>
+						<div class="sample" style="font-feature-settings:'VXAG'">&amp;</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">VXAH</div>
-							<div class="sample" style="font-feature-settings:'VXAH'">&amp;</div>
+						<div class="sample" style="font-feature-settings:'VXAH'">&amp;</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">VXAI</div>
-							<div class="sample" style="font-feature-settings:'VXAI'">&amp;</div>
+						<div class="sample" style="font-feature-settings:'VXAI'">&amp;</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">VXAJ</div>
-							<div class="sample" style="font-feature-settings:'VXAJ'">&amp;</div>
+						<div class="sample" style="font-feature-settings:'VXAJ'">&amp;</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">VXAK</div>
-							<div class="sample" style="font-feature-settings:'VXAK'">&amp;</div>
+						<div class="sample" style="font-feature-settings:'VXAK'">&amp;</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">VXAL</div>
-							<div class="sample" style="font-feature-settings:'VXAL'">&amp;</div>
+						<div class="sample" style="font-feature-settings:'VXAL'">&amp;</div>
 				</li>
 			</ol></li>
 			<li>
@@ -919,15 +921,15 @@
 				<ol class="group">
 				<li class="desc-group char">
 					<div class="label tag">cv31</div>
-							<div class="sample" style="font-feature-settings:'cv31'">@</div>
+						<div class="sample" style="font-feature-settings:'cv31'">@</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">cv32</div>
-							<div class="sample" style="font-feature-settings:'cv32'">@</div>
+						<div class="sample" style="font-feature-settings:'cv32'">@</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">cv33</div>
-							<div class="sample" style="font-feature-settings:'cv33'">@</div>
+						<div class="sample" style="font-feature-settings:'cv33'">@</div>
 				</li>
 			</ol></li>
 			<li>
@@ -938,19 +940,19 @@
 				<ol class="group">
 				<li class="desc-group char">
 					<div class="label tag">cv38</div>
-							<div class="sample" style="font-feature-settings:'cv38'">$</div>
+						<div class="sample" style="font-feature-settings:'cv38'">$</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">cv39</div>
-							<div class="sample" style="font-feature-settings:'cv39'">$</div>
+						<div class="sample" style="font-feature-settings:'cv39'">$</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">cv54</div>
-							<div class="sample" style="font-feature-settings:'cv54'">$</div>
+						<div class="sample" style="font-feature-settings:'cv54'">$</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">cv55</div>
-							<div class="sample" style="font-feature-settings:'cv55'">$</div>
+						<div class="sample" style="font-feature-settings:'cv55'">$</div>
 				</li>
 			</ol></li>
 			<li>
@@ -961,11 +963,11 @@
 				<ol class="group">
 				<li class="desc-group char">
 					<div class="label tag">cv62</div>
-							<div class="sample" style="font-feature-settings:'cv62'">%</div>
+						<div class="sample" style="font-feature-settings:'cv62'">%</div>
 				</li>
 				<li class="desc-group char">
 					<div class="label tag">cv63</div>
-							<div class="sample" style="font-feature-settings:'cv63'">%</div>
+						<div class="sample" style="font-feature-settings:'cv63'">%</div>
 				</li>
 			</ol></li>
 			<li>

snapshot/index.styl

@@ -277,6 +277,7 @@ section.opentype
 					margin-top: 0.5em;
 					width: 1em;
 					text-align: center;
+					white-space: nowrap;
 
 	> ol.wide
 		list-style: none;

utility/export-data/parse-variants-data.js

@@ -36,6 +36,7 @@ function getCvData(variants) {
 			tag: config.tag || null,
 			tagUpright: config.tagUpright || null,
 			tagItalic: config.tagItalic || null,
+			slopeHetero: !config.variant,
 			sampler: config.sampler,
 			description: config.description
 		});

utility/generate-snapshot-page/templates/partial/cv-sample.ejs

@@ -14,19 +14,18 @@
 					<div class="triangle">▶</div>
 				</div>
 				<ol class="group">
-			<%_ for(const config of group.configs) { _%>
+			<%_ for(const config of group.configs) if(config.tag) { _%>
-				<li class="desc-group <%= group.ligatureSampler ? 'ligature' : 'char' %>">
+				<li class="desc-group <%= group.ligatureSampler || config.slopeHetero ? 'ligature' : 'char' %>">
 					<div class="label tag"><%= config.tag || config.tagItalic %></div>
 					<%_ if(group.ligatureSampler) { _%>
 						<%_ for(const text of group.descSampleText) { _%>
 							<div class="sample" style="font-feature-settings:'<%= config.tag %>'"><%= text %></div>
 						<%_ } _%>
+					<%_ } else if(config.slopeHetero) { _%>
+						<div class="sample" style="font-feature-settings:'<%= config.tag %>'"><%= group.descSampleText[0] %></div>
+						<div class="sample italic" style="font-feature-settings:'<%= config.tag %>'"><%= group.descSampleText[0] %></div>
 					<%_ } else { _%>
-						<%_ if(config.tag) { _%>
+						<div class="sample" style="font-feature-settings:'<%= config.tag %>'"><%= group.descSampleText[0] %></div>
-							<div class="sample" style="font-feature-settings:'<%= config.tag %>'"><%= group.descSampleText[0] %></div>
-						<%_ } else if(config.tagItalic) { _%>
-							<div class="sample italic" style="font-feature-settings:'<%= config.tagItalic %>'"><%= group.descSampleText[0] %></div>
-						<%_ } _%>
 					<%_ } _%>
 				</li>
 			<%_ } _%>