This commit is contained in:
be5invis 2016-06-13 11:28:58 +08:00
parent af8221a025
commit c6ff855dc6
14 changed files with 216 additions and 103 deletions

View File

@ -284,9 +284,10 @@ symbol-block 'GSUB' : if [not recursive] : begin
commonList.push feature
set lookups.(feature).subtables.0.(name) fs.(feature)
# ssxx
foreach [name : items-of : Object.keys para.sscompose] : begin
local sscompose : if para.isItalic para.sscompose.italic para.sscompose.upright
foreach [name : items-of : Object.keys sscompose] : begin
commonList.push name
set features.(name) para.sscompose.(name)
set features.(name) sscompose.(name)
set languages.'cyrl_SRB ' {.features [{'locl_srb'}.concat commonList]}
set languages.'cyrl_MKD ' {.features [{'locl_srb'}.concat commonList]}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 27 KiB

After

Width:  |  Height:  |  Size: 27 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 101 KiB

After

Width:  |  Height:  |  Size: 101 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 409 KiB

After

Width:  |  Height:  |  Size: 409 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 42 KiB

After

Width:  |  Height:  |  Size: 42 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 152 KiB

After

Width:  |  Height:  |  Size: 152 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 522 KiB

After

Width:  |  Height:  |  Size: 668 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 354 KiB

After

Width:  |  Height:  |  Size: 354 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 82 KiB

After

Width:  |  Height:  |  Size: 81 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 260 KiB

After

Width:  |  Height:  |  Size: 260 KiB

View File

@ -112,7 +112,9 @@ x-snapshot : webfont-pkg | snapshot/assets
@$(MAKE) -f onegroup.mk snapshot $(PARAM)
# Pages
pages : fonts
pages/index.css : pages/index.styl
stylus $<
pages : fonts pages/index.css
@$(MAKE) -f onegroup.mk pages $(PARAM)
# Archives

View File

@ -77,17 +77,28 @@ powerlineShiftX = 0 # Horizontal shift
[iosevka.variantSelector]
[iosevka.sscompose]
[iosevka.sscompose.upright]
ss01 = ['cv01', 'cv11', 'cv05', 'cv10', 'cv14', 'cv18'] # Andale Mono Style
ss02 = ['cv01', 'cv12', 'cv03', 'cv07', 'cv13', 'cv19'] # Anonymous Pro Style
ss03 = ['cv01', 'cv11', 'cv03', 'cv07', 'cv13', 'cv18'] # Consolas Style
ss04 = ['cv01', 'cv12', 'cv03', 'cv08', 'cv13', 'cv19'] # Menlo Style
ss05 = ['cv01', 'cv24', 'cv03', 'cv08', 'cv14', 'cv18'] # Fira Mono Style
ss06 = ['cv01', 'cv12', 'cv03', 'cv07', 'cv14', 'cv18'] # Libration Mono Style
ss06 = ['cv01', 'cv12', 'cv03', 'cv07', 'cv14', 'cv18'] # Liberation Mono Style
ss07 = ['cv02', 'cv12', 'cv06', 'cv10', 'cv13', 'cv18'] # Monaco Style
ss08 = ['cv01', 'cv11', 'cv03', 'cv07', 'cv14', 'cv19'] # Pragmata Pro Style
ss09 = ['cv01', 'cv11', 'cv05', 'cv08', 'cv14', 'cv19'] # Source Code Pro Style
[iosevka.sscompose.italic]
ss01 = ['cv01', 'cv11', 'cv05', 'cv10', 'cv14', 'cv18'] # Andale Mono Style
ss02 = ['cv01', 'cv12', 'cv03', 'cv07', 'cv13', 'cv19'] # Anonymous Pro Style
ss03 = ['cv02', 'cv12', 'cv04', 'cv08', 'cv13', 'cv18'] # Consolas Style
ss04 = ['cv01', 'cv12', 'cv03', 'cv08', 'cv13', 'cv19'] # Menlo Style
ss05 = ['cv01', 'cv24', 'cv03', 'cv08', 'cv14', 'cv18'] # Fira Mono Style
ss06 = ['cv01', 'cv12', 'cv03', 'cv07', 'cv14', 'cv18'] # Liberation Mono Style
ss07 = ['cv02', 'cv12', 'cv06', 'cv10', 'cv13', 'cv18'] # Monaco Style
ss08 = ['cv01', 'cv12', 'cv03', 'cv07', 'cv14', 'cv19'] # Pragmata Pro Style
ss09 = ['cv02', 'cv12', 'cv04', 'cv08', 'cv14', 'cv19'] # Source Code Pro Style
[verbose]
verbose = true

View File

@ -22,68 +22,181 @@
<a href="#" class="pp heavy ">Heavy</a><a href="#" class="pp slab heavy ">Slab Heavy</a><a href="#" class="pp heavy italic ">Heavy Italic</a><a href="#" class="pp slab heavy italic ">Slab Heavy Italic</a><a href="#" class="pp heavy oblique ">Heavy Oblique</a><a href="#" class="pp slab heavy oblique ">Slab Heavy Oblique</a>
</div>
</section>
<section id="opentype">
<section id="opentype">
<h2>Opentype features</h2>
<div class="hr">Stylistic sets</div>
<ol>
<li><span class="tag off">off</span><span class="sample">f<b>l</b>o<b>a</b>t Fox.qu<b>i</b>ck(h){ <b>*</b><b>i</b>s_brown && <b>i</b>t_jumps_over(do<b>g</b>es.<b>l</b><b>a</b>zy) } <b>0</b>123456789</span><span class="description">Default</span></li>
<li><span class="tag">ss01</span><span class="sample" style="font-feature-settings:'ss01'">f<b>l</b>o<b>a</b>t Fox.qu<b>i</b>ck(h){ <b>*</b><b>i</b>s_brown && <b>i</b>t_jumps_over(do<b>g</b>es.<b>l</b><b>a</b>zy) } <b>0</b>123456789</span><span class="description">Andale Mono Style</span></li>
<li><span class="tag">ss02</span><span class="sample" style="font-feature-settings:'ss02'">f<b>l</b>o<b>a</b>t Fox.qu<b>i</b>ck(h){ <b>*</b><b>i</b>s_brown && <b>i</b>t_jumps_over(do<b>g</b>es.<b>l</b><b>a</b>zy) } <b>0</b>123456789</span><span class="description">Anonymous Pro Style</span></li>
<li><span class="tag">ss03</span><span class="sample" style="font-feature-settings:'ss03'">f<b>l</b>o<b>a</b>t Fox.qu<b>i</b>ck(h){ <b>*</b><b>i</b>s_brown && <b>i</b>t_jumps_over(do<b>g</b>es.<b>l</b><b>a</b>zy) } <b>0</b>123456789</span><span class="description">Consolas Style</span></li>
<li><span class="tag">ss04</span><span class="sample" style="font-feature-settings:'ss04'">f<b>l</b>o<b>a</b>t Fox.qu<b>i</b>ck(h){ <b>*</b><b>i</b>s_brown && <b>i</b>t_jumps_over(do<b>g</b>es.<b>l</b><b>a</b>zy) } <b>0</b>123456789</span><span class="description">Menlo Style</span></li>
<li><span class="tag">ss05</span><span class="sample" style="font-feature-settings:'ss05'">f<b>l</b>o<b>a</b>t Fox.qu<b>i</b>ck(h){ <b>*</b><b>i</b>s_brown && <b>i</b>t_jumps_over(do<b>g</b>es.<b>l</b><b>a</b>zy) } <b>0</b>123456789</span><span class="description">Fira Mono Style</span></li>
<li><span class="tag">ss06</span><span class="sample" style="font-feature-settings:'ss06'">f<b>l</b>o<b>a</b>t Fox.qu<b>i</b>ck(h){ <b>*</b><b>i</b>s_brown && <b>i</b>t_jumps_over(do<b>g</b>es.<b>l</b><b>a</b>zy) } <b>0</b>123456789</span><span class="description">Libration Mono Style</span></li>
<li><span class="tag">ss07</span><span class="sample" style="font-feature-settings:'ss07'">f<b>l</b>o<b>a</b>t Fox.qu<b>i</b>ck(h){ <b>*</b><b>i</b>s_brown && <b>i</b>t_jumps_over(do<b>g</b>es.<b>l</b><b>a</b>zy) } <b>0</b>123456789</span><span class="description">Monaco Style</span></li>
<li><span class="tag">ss08</span><span class="sample" style="font-feature-settings:'ss08'">f<b>l</b>o<b>a</b>t Fox.qu<b>i</b>ck(h){ <b>*</b><b>i</b>s_brown && <b>i</b>t_jumps_over(do<b>g</b>es.<b>l</b><b>a</b>zy) } <b>0</b>123456789</span><span class="description">Pragmata Pro Style</span></li>
<li><span class="tag">ss09</span><span class="sample" style="font-feature-settings:'ss09'">f<b>l</b>o<b>a</b>t Fox.qu<b>i</b>ck(h){ <b>*</b><b>i</b>s_brown && <b>i</b>t_jumps_over(do<b>g</b>es.<b>l</b><b>a</b>zy) } <b>0</b>123456789</span><span class="description">Source Code Pro Style</span></li>
<div class="hr">Stylistic Sets</div>
<ol class="wide">
<li>
<span class="tag">off</span><span class="description">Default</span>
<span class="sample" style="font-feature-settings:'off'">f<b>l</b>o<b>a</b>t Fox.qu<b>i</b>ck(h){ <b>*</b><b>i</b>s_brown &amp;&amp; <b>i</b>t_jumps_over(do<b>g</b>es.<b>l</b><b>a</b>zy) } <b>0</b>123456789</span>
<span
class="sample italic" style="font-feature-settings:'off'">f<b>l</b>o<b>a</b>t Fox.qu<b>i</b>ck(h){ <b>*</b><b>i</b>s_brown &amp;&amp; <b>i</b>t_jumps_over(do<b>g</b>es.<b>l</b><b>a</b>zy)
} <b>0</b>123456789</span>
</li>
<li>
<span class="tag">ss01</span><span class="description">Andale Mono Style</span>
<span class="sample" style="font-feature-settings:'ss01'">f<b>l</b>o<b>a</b>t Fox.qu<b>i</b>ck(h){ <b>*</b><b>i</b>s_brown &amp;&amp; <b>i</b>t_jumps_over(do<b>g</b>es.<b>l</b><b>a</b>zy) } <b>0</b>123456789</span>
<span
class="sample italic" style="font-feature-settings:'ss01'">f<b>l</b>o<b>a</b>t Fox.qu<b>i</b>ck(h){ <b>*</b><b>i</b>s_brown &amp;&amp; <b>i</b>t_jumps_over(do<b>g</b>es.<b>l</b><b>a</b>zy)
} <b>0</b>123456789</span>
</li>
<li>
<span class="tag">ss02</span><span class="description">Anonymous Pro Style</span>
<span class="sample" style="font-feature-settings:'ss02'">f<b>l</b>o<b>a</b>t Fox.qu<b>i</b>ck(h){ <b>*</b><b>i</b>s_brown &amp;&amp; <b>i</b>t_jumps_over(do<b>g</b>es.<b>l</b><b>a</b>zy) } <b>0</b>123456789</span>
<span
class="sample italic" style="font-feature-settings:'ss02'">f<b>l</b>o<b>a</b>t Fox.qu<b>i</b>ck(h){ <b>*</b><b>i</b>s_brown &amp;&amp; <b>i</b>t_jumps_over(do<b>g</b>es.<b>l</b><b>a</b>zy)
} <b>0</b>123456789</span>
</li>
<li>
<span class="tag">ss03</span><span class="description">Consolas Style</span>
<span class="sample" style="font-feature-settings:'ss03'">f<b>l</b>o<b>a</b>t Fox.qu<b>i</b>ck(h){ <b>*</b><b>i</b>s_brown &amp;&amp; <b>i</b>t_jumps_over(do<b>g</b>es.<b>l</b><b>a</b>zy) } <b>0</b>123456789</span>
<span
class="sample italic" style="font-feature-settings:'ss03'">f<b>l</b>o<b>a</b>t Fox.qu<b>i</b>ck(h){ <b>*</b><b>i</b>s_brown &amp;&amp; <b>i</b>t_jumps_over(do<b>g</b>es.<b>l</b><b>a</b>zy)
} <b>0</b>123456789</span>
</li>
<li>
<span class="tag">ss04</span><span class="description">Menlo Style</span>
<span class="sample" style="font-feature-settings:'ss04'">f<b>l</b>o<b>a</b>t Fox.qu<b>i</b>ck(h){ <b>*</b><b>i</b>s_brown &amp;&amp; <b>i</b>t_jumps_over(do<b>g</b>es.<b>l</b><b>a</b>zy) } <b>0</b>123456789</span>
<span
class="sample italic" style="font-feature-settings:'ss04'">f<b>l</b>o<b>a</b>t Fox.qu<b>i</b>ck(h){ <b>*</b><b>i</b>s_brown &amp;&amp; <b>i</b>t_jumps_over(do<b>g</b>es.<b>l</b><b>a</b>zy)
} <b>0</b>123456789</span>
</li>
<li>
<span class="tag">ss05</span><span class="description">Fira Mono Style</span>
<span class="sample" style="font-feature-settings:'ss05'">f<b>l</b>o<b>a</b>t Fox.qu<b>i</b>ck(h){ <b>*</b><b>i</b>s_brown &amp;&amp; <b>i</b>t_jumps_over(do<b>g</b>es.<b>l</b><b>a</b>zy) } <b>0</b>123456789</span>
<span
class="sample italic" style="font-feature-settings:'ss05'">f<b>l</b>o<b>a</b>t Fox.qu<b>i</b>ck(h){ <b>*</b><b>i</b>s_brown &amp;&amp; <b>i</b>t_jumps_over(do<b>g</b>es.<b>l</b><b>a</b>zy)
} <b>0</b>123456789</span>
</li>
<li>
<span class="tag">ss06</span><span class="description">Liberation Mono Style</span>
<span class="sample" style="font-feature-settings:'ss06'">f<b>l</b>o<b>a</b>t Fox.qu<b>i</b>ck(h){ <b>*</b><b>i</b>s_brown &amp;&amp; <b>i</b>t_jumps_over(do<b>g</b>es.<b>l</b><b>a</b>zy) } <b>0</b>123456789</span>
<span
class="sample italic" style="font-feature-settings:'ss06'">f<b>l</b>o<b>a</b>t Fox.qu<b>i</b>ck(h){ <b>*</b><b>i</b>s_brown &amp;&amp; <b>i</b>t_jumps_over(do<b>g</b>es.<b>l</b><b>a</b>zy)
} <b>0</b>123456789</span>
</li>
<li>
<span class="tag">ss07</span><span class="description">Monaco Style</span>
<span class="sample" style="font-feature-settings:'ss07'">f<b>l</b>o<b>a</b>t Fox.qu<b>i</b>ck(h){ <b>*</b><b>i</b>s_brown &amp;&amp; <b>i</b>t_jumps_over(do<b>g</b>es.<b>l</b><b>a</b>zy) } <b>0</b>123456789</span>
<span
class="sample italic" style="font-feature-settings:'ss07'">f<b>l</b>o<b>a</b>t Fox.qu<b>i</b>ck(h){ <b>*</b><b>i</b>s_brown &amp;&amp; <b>i</b>t_jumps_over(do<b>g</b>es.<b>l</b><b>a</b>zy)
} <b>0</b>123456789</span>
</li>
<li>
<span class="tag">ss08</span><span class="description">Pragmata Pro Style</span>
<span class="sample" style="font-feature-settings:'ss08'">f<b>l</b>o<b>a</b>t Fox.qu<b>i</b>ck(h){ <b>*</b><b>i</b>s_brown &amp;&amp; <b>i</b>t_jumps_over(do<b>g</b>es.<b>l</b><b>a</b>zy) } <b>0</b>123456789</span>
<span
class="sample italic" style="font-feature-settings:'ss08'">f<b>l</b>o<b>a</b>t Fox.qu<b>i</b>ck(h){ <b>*</b><b>i</b>s_brown &amp;&amp; <b>i</b>t_jumps_over(do<b>g</b>es.<b>l</b><b>a</b>zy)
} <b>0</b>123456789</span>
</li>
<li>
<span class="tag">ss09</span><span class="description">Source Code Pro Style</span>
<span class="sample" style="font-feature-settings:'ss09'">f<b>l</b>o<b>a</b>t Fox.qu<b>i</b>ck(h){ <b>*</b><b>i</b>s_brown &amp;&amp; <b>i</b>t_jumps_over(do<b>g</b>es.<b>l</b><b>a</b>zy) } <b>0</b>123456789</span>
<span
class="sample italic" style="font-feature-settings:'ss09'">f<b>l</b>o<b>a</b>t Fox.qu<b>i</b>ck(h){ <b>*</b><b>i</b>s_brown &amp;&amp; <b>i</b>t_jumps_over(do<b>g</b>es.<b>l</b><b>a</b>zy)
} <b>0</b>123456789</span>
</li>
</ol>
<div class="hr">Character Variants</div>
<div>
<span class="normal-example"><span class="lhs">default</span><span class="rhs sub">v<b>a</b>ri<b>a</b>ble<br><i>v<b>a</b>ri<b>a</b>ble</i></span></span>
<span class="arrow icon-arrow-right-circle"></span>
<span class="feature-example"><span class="lhs">cv01</span><span class="rhs sub" style="-webkit-font-feature-settings:'cv01'; font-feature-settings:'cv01'">v<b>a</b>ri<b>a</b>ble<br><i>v<b>a</b>ri<b>a</b>ble</i></span></span><span class="feature-example"><span class="lhs">cv02</span><span class="rhs sub" style="-webkit-font-feature-settings:'cv02'; font-feature-settings:'cv02'">v<b>a</b>ri<b>a</b>ble<br><i>v<b>a</b>ri<b>a</b>ble</i></span></span>
</div>
<div>
<span class="normal-example"><span class="lhs">default</span><span class="rhs sub"><b>i</b>nteger<br><i><b>i</b>nteger</i></span></span>
<span class="arrow icon-arrow-right-circle"></span>
<span class="feature-example"><span class="lhs">cv03</span><span class="rhs sub" style="-webkit-font-feature-settings:'cv03'; font-feature-settings:'cv03'"><b>i</b>nteger<br><i><b>i</b>nteger</i></span></span><span class="feature-example"><span class="lhs">cv04</span><span class="rhs sub" style="-webkit-font-feature-settings:'cv04'; font-feature-settings:'cv04'"><b>i</b>nteger<br><i><b>i</b>nteger</i></span></span><span class="feature-example"><span class="lhs">cv05</span><span class="rhs sub" style="-webkit-font-feature-settings:'cv05'; font-feature-settings:'cv05'"><b>i</b>nteger<br><i><b>i</b>nteger</i></span></span><span class="feature-example"><span class="lhs">cv06</span><span class="rhs sub" style="-webkit-font-feature-settings:'cv06'; font-feature-settings:'cv06'"><b>i</b>nteger<br><i><b>i</b>nteger</i></span></span>
</div>
<div>
<span class="normal-example"><span class="lhs">default</span><span class="rhs sub"><b>l</b>ong<br><i><b>l</b>ong</i></span></span>
<span class="arrow icon-arrow-right-circle"></span>
<span class="feature-example"><span class="lhs">cv07</span><span class="rhs sub" style="-webkit-font-feature-settings:'cv07'; font-feature-settings:'cv07'"><b>l</b>ong<br><i><b>l</b>ong</i></span></span><span class="feature-example"><span class="lhs">cv08</span><span class="rhs sub" style="-webkit-font-feature-settings:'cv08'; font-feature-settings:'cv08'"><b>l</b>ong<br><i><b>l</b>ong</i></span></span><span class="feature-example"><span class="lhs">cv09</span><span class="rhs sub" style="-webkit-font-feature-settings:'cv09'; font-feature-settings:'cv09'"><b>l</b>ong<br><i><b>l</b>ong</i></span></span><span class="feature-example"><span class="lhs">cv10</span><span class="rhs sub" style="-webkit-font-feature-settings:'cv10'; font-feature-settings:'cv10'"><b>l</b>ong<br><i><b>l</b>ong</i></span></span>
</div>
<div>
<span class="normal-example"><span class="lhs">default</span><span class="rhs sub"><b>g</b>it<br><i><b>g</b>it</i></span></span>
<span class="arrow icon-arrow-right-circle"></span>
<span class="feature-example"><span class="lhs">cv11</span><span class="rhs sub" style="-webkit-font-feature-settings:'cv11'; font-feature-settings:'cv11'"><b>g</b>it<br><i><b>g</b>it</i></span></span><span class="feature-example"><span class="lhs">cv12</span><span class="rhs sub" style="-webkit-font-feature-settings:'cv12'; font-feature-settings:'cv12'"><b>g</b>it<br><i><b>g</b>it</i></span></span>
</div>
<div>
<span class="normal-example"><span class="lhs">default</span><span class="rhs sub"><b>0</b>x1337F<b>0</b><b>0</b>1<br><i><b>0</b>x1337F<b>0</b><b>0</b>1</i></span></span>
<span class="arrow icon-arrow-right-circle"></span>
<span class="feature-example"><span class="lhs">cv13</span><span class="rhs sub" style="-webkit-font-feature-settings:'cv13'; font-feature-settings:'cv13'"><b>0</b>x1337F<b>0</b><b>0</b>1<br><i><b>0</b>x1337F<b>0</b><b>0</b>1</i></span></span><span class="feature-example"><span class="lhs">cv14</span><span class="rhs sub" style="-webkit-font-feature-settings:'cv14'; font-feature-settings:'cv14'"><b>0</b>x1337F<b>0</b><b>0</b>1<br><i><b>0</b>x1337F<b>0</b><b>0</b>1</i></span></span><span class="feature-example"><span class="lhs">cv15</span><span class="rhs sub" style="-webkit-font-feature-settings:'cv15'; font-feature-settings:'cv15'"><b>0</b>x1337F<b>0</b><b>0</b>1<br><i><b>0</b>x1337F<b>0</b><b>0</b>1</i></span></span>
</div>
<div>
<span class="normal-example"><span class="lhs">default</span><span class="rhs sub"><b>~</b>bitsRead<br><i><b>~</b>bitsRead</i></span></span>
<span class="arrow icon-arrow-right-circle"></span>
<span class="feature-example"><span class="lhs">cv16</span><span class="rhs sub" style="-webkit-font-feature-settings:'cv16'; font-feature-settings:'cv16'"><b>~</b>bitsRead<br><i><b>~</b>bitsRead</i></span></span><span class="feature-example"><span class="lhs">cv17</span><span class="rhs sub" style="-webkit-font-feature-settings:'cv17'; font-feature-settings:'cv17'"><b>~</b>bitsRead<br><i><b>~</b>bitsRead</i></span></span>
</div>
<div>
<span class="normal-example"><span class="lhs">default</span><span class="rhs sub"><b>*</b>handler<br><i><b>*</b>handler</i></span></span>
<span class="arrow icon-arrow-right-circle"></span>
<span class="feature-example"><span class="lhs">cv18</span><span class="rhs sub" style="-webkit-font-feature-settings:'cv18'; font-feature-settings:'cv18'"><b>*</b>handler<br><i><b>*</b>handler</i></span></span><span class="feature-example"><span class="lhs">cv19</span><span class="rhs sub" style="-webkit-font-feature-settings:'cv19'; font-feature-settings:'cv19'"><b>*</b>handler<br><i><b>*</b>handler</i></span></span>
</div>
<div>
<span class="normal-example"><span class="lhs">default</span><span class="rhs sub">shared<b>_</b>ptr<br><i>shared<b>_</b>ptr</i></span></span>
<span class="arrow icon-arrow-right-circle"></span>
<span class="feature-example"><span class="lhs">cv20</span><span class="rhs sub" style="-webkit-font-feature-settings:'cv20'; font-feature-settings:'cv20'">shared<b>_</b>ptr<br><i>shared<b>_</b>ptr</i></span></span><span class="feature-example"><span class="lhs">cv21</span><span class="rhs sub" style="-webkit-font-feature-settings:'cv21'; font-feature-settings:'cv21'">shared<b>_</b>ptr<br><i>shared<b>_</b>ptr</i></span></span>
</div>
<div>
<span class="normal-example"><span class="lhs">default</span><span class="rhs sub">ref:<b></b>1.1<br><i>ref:<b></b>1.1</i></span></span>
<span class="arrow icon-arrow-right-circle"></span>
<span class="feature-example"><span class="lhs">cv22</span><span class="rhs sub" style="-webkit-font-feature-settings:'cv22'; font-feature-settings:'cv22'">ref:<b></b>1.1<br><i>ref:<b></b>1.1</i></span></span><span class="feature-example"><span class="lhs">cv23</span><span class="rhs sub" style="-webkit-font-feature-settings:'cv23'; font-feature-settings:'cv23'">ref:<b></b>1.1<br><i>ref:<b></b>1.1</i></span></span>
</div>
</section>
<ol class="narrow">
<li>
<span class="tag">cv01</span><span class="description"></span>
<span class="sample" style="font-feature-settings:'cv01'">a</span><span class="sample italic" style="font-feature-settings:'cv01'">a</span>
</li>
<li>
<span class="tag">cv02</span><span class="description"></span>
<span class="sample" style="font-feature-settings:'cv02'">a</span><span class="sample italic" style="font-feature-settings:'cv02'">a</span>
</li>
<li>
<span class="tag">cv03</span><span class="description"></span>
<span class="sample" style="font-feature-settings:'cv03'">i</span><span class="sample italic" style="font-feature-settings:'cv03'">i</span>
</li>
<li>
<span class="tag">cv04</span><span class="description"></span>
<span class="sample" style="font-feature-settings:'cv04'">i</span><span class="sample italic" style="font-feature-settings:'cv04'">i</span>
</li>
<li>
<span class="tag">cv05</span><span class="description"></span>
<span class="sample" style="font-feature-settings:'cv05'">i</span><span class="sample italic" style="font-feature-settings:'cv05'">i</span>
</li>
<li>
<span class="tag">cv06</span><span class="description"></span>
<span class="sample" style="font-feature-settings:'cv06'">i</span><span class="sample italic" style="font-feature-settings:'cv06'">i</span>
</li>
<li>
<span class="tag">cv07</span><span class="description"></span>
<span class="sample" style="font-feature-settings:'cv07'">l</span><span class="sample italic" style="font-feature-settings:'cv07'">l</span>
</li>
<li>
<span class="tag">cv08</span><span class="description"></span>
<span class="sample" style="font-feature-settings:'cv08'">l</span><span class="sample italic" style="font-feature-settings:'cv08'">l</span>
</li>
<li>
<span class="tag">cv09</span><span class="description"></span>
<span class="sample" style="font-feature-settings:'cv09'">l</span><span class="sample italic" style="font-feature-settings:'cv09'">l</span>
</li>
<li>
<span class="tag">cv10</span><span class="description"></span>
<span class="sample" style="font-feature-settings:'cv10'">l</span><span class="sample italic" style="font-feature-settings:'cv10'">l</span>
</li>
<li>
<span class="tag">cv11</span><span class="description"></span>
<span class="sample" style="font-feature-settings:'cv11'">g</span><span class="sample italic" style="font-feature-settings:'cv11'">g</span>
</li>
<li>
<span class="tag">cv12</span><span class="description"></span>
<span class="sample" style="font-feature-settings:'cv12'">g</span><span class="sample italic" style="font-feature-settings:'cv12'">g</span>
</li>
<li>
<span class="tag">cv24</span><span class="description"></span>
<span class="sample" style="font-feature-settings:'cv24'">g</span><span class="sample italic" style="font-feature-settings:'cv24'">g</span>
</li>
<li>
<span class="tag">cv13</span><span class="description"></span>
<span class="sample" style="font-feature-settings:'cv13'">0</span><span class="sample italic" style="font-feature-settings:'cv13'">0</span>
</li>
<li>
<span class="tag">cv14</span><span class="description"></span>
<span class="sample" style="font-feature-settings:'cv14'">0</span><span class="sample italic" style="font-feature-settings:'cv14'">0</span>
</li>
<li>
<span class="tag">cv15</span><span class="description"></span>
<span class="sample" style="font-feature-settings:'cv15'">0</span><span class="sample italic" style="font-feature-settings:'cv15'">0</span>
</li>
<li>
<span class="tag">cv16</span><span class="description"></span>
<span class="sample" style="font-feature-settings:'cv16'">~</span><span class="sample italic" style="font-feature-settings:'cv16'">~</span>
</li>
<li>
<span class="tag">cv17</span><span class="description"></span>
<span class="sample" style="font-feature-settings:'cv17'">~</span><span class="sample italic" style="font-feature-settings:'cv17'">~</span>
</li>
<li>
<span class="tag">cv18</span><span class="description"></span>
<span class="sample" style="font-feature-settings:'cv18'">*</span><span class="sample italic" style="font-feature-settings:'cv18'">*</span>
</li>
<li>
<span class="tag">cv19</span><span class="description"></span>
<span class="sample" style="font-feature-settings:'cv19'">*</span><span class="sample italic" style="font-feature-settings:'cv19'">*</span>
</li>
<li>
<span class="tag">cv20</span><span class="description"></span>
<span class="sample" style="font-feature-settings:'cv20'">_</span><span class="sample italic" style="font-feature-settings:'cv20'">_</span>
</li>
<li>
<span class="tag">cv21</span><span class="description"></span>
<span class="sample" style="font-feature-settings:'cv21'">_</span><span class="sample italic" style="font-feature-settings:'cv21'">_</span>
</li>
<li>
<span class="tag">cv22</span><span class="description"></span>
<span class="sample" style="font-feature-settings:'cv22'"></span><span class="sample italic" style="font-feature-settings:'cv22'"></span>
</li>
<li>
<span class="tag">cv23</span><span class="description"></span>
<span class="sample" style="font-feature-settings:'cv23'"></span><span class="sample italic" style="font-feature-settings:'cv23'"></span>
</li>
</ol>
</section>
<section id="matrix">
<div>
<row><span class="thin">Mag</span><span class="extralight">Mag</span><span class="light">Mag</span><span class="regular">Mag</span><span class="medium">Mag</span><span class="bold">Mag</span><span class="heavy">Mag</span></row>

View File

@ -132,16 +132,6 @@ section#opentype
width: 4em
margin: 0 1em
vertical-align: 0.3em
> div
display: flex
margin-bottom: 1em
align-items: center
> span
display: block
line-height: 1.5em
height: 4.5em
padding: 0.25em
border: 1px solid transparent
> ol
list-style none
@ -153,7 +143,7 @@ section#opentype
margin 0
padding 0
position relative
height 3em
height 4.5em
border-top 1px solid #eee
margin-top 0.4em
padding-top 0.4em
@ -183,34 +173,30 @@ section#opentype
> .sample
display block
margin-top 1.6em
&.italic { margin-top: 0.25em }
&.narrow
display flex
justify-content space-between
flex-wrap wrap
> li
margin 0 0 0.5em
border none
width 4em
flex none
> .tag
width auto
left 50%
margin-left calc(-1.2em - 1px)
> .sample
display inline-block
font-size 2em
margin-top 0.9em
width 1em
text-align center
b
font-weight normal
color #c33500
span.normal-example
padding: 0.25em
text-align: right
width: 5rem
span.arrow
line-height: 4.5em
margin: 0 0.5rem 0 0.25em
span.feature-example
border-color: #ccc
border-radius: 0.25rem
margin-right: 0.5rem
padding: 0.25em 0.5em
width: 5em
span.lhs
display: block
font-size: 75%
border-bottom: 1px solid #ddd
span.rhs.sub
color: #989898
b
font-weight: normal
color: black
#family
background: white
font-size: 0.9em