361 lines
37 KiB
HTML
361 lines
37 KiB
HTML
<!DOCTYPE html>
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<link rel="stylesheet" href="index.css"></link>
|
||
</head>
|
||
<body>
|
||
<h1>This page is used for taking snapshots of Iosevka only.</h1>
|
||
<section id="family" class="menu">
|
||
<div class="group">
|
||
<a href="#" class="pp thin ">Thin</a><a href="#" class="pp slab thin ">Slab Thin</a><a href="#" class="pp thin italic ">Thin Italic</a><a href="#" class="pp slab thin italic ">Slab Thin Italic</a><a href="#" class="pp thin oblique ">Thin Oblique</a><a href="#" class="pp slab thin oblique ">Slab Thin Oblique</a>
|
||
</div><div class="group">
|
||
<a href="#" class="pp extralight ">Extralight</a><a href="#" class="pp slab extralight ">Slab Extralight</a><a href="#" class="pp extralight italic ">Extralight Italic</a><a href="#" class="pp slab extralight italic ">Slab Extralight Italic</a><a href="#" class="pp extralight oblique ">Extralight Oblique</a><a href="#" class="pp slab extralight oblique ">Slab Extralight Oblique</a>
|
||
</div><div class="group">
|
||
<a href="#" class="pp light ">Light</a><a href="#" class="pp slab light ">Slab Light</a><a href="#" class="pp light italic ">Light Italic</a><a href="#" class="pp slab light italic ">Slab Light Italic</a><a href="#" class="pp light oblique ">Light Oblique</a><a href="#" class="pp slab light oblique ">Slab Light Oblique</a>
|
||
</div><div class="group">
|
||
<a href="#" class="pp active">Regular</a><a href="#" class="pp slab ">Slab</a><a href="#" class="pp italic ">Italic</a><a href="#" class="pp slab italic ">Slab Italic</a><a href="#" class="pp oblique ">Oblique</a><a href="#" class="pp slab oblique ">Slab Oblique</a>
|
||
</div><div class="group">
|
||
<a href="#" class="pp medium ">Medium</a><a href="#" class="pp slab medium ">Slab Medium</a><a href="#" class="pp medium italic ">Medium Italic</a><a href="#" class="pp slab medium italic ">Slab Medium Italic</a><a href="#" class="pp medium oblique ">Medium Oblique</a><a href="#" class="pp slab medium oblique ">Slab Medium Oblique</a>
|
||
</div><div class="group">
|
||
<a href="#" class="pp bold ">Bold</a><a href="#" class="pp slab bold ">Slab Bold</a><a href="#" class="pp bold italic ">Bold Italic</a><a href="#" class="pp slab bold italic ">Slab Bold Italic</a><a href="#" class="pp bold oblique ">Bold Oblique</a><a href="#" class="pp slab bold oblique ">Slab Bold Oblique</a>
|
||
</div><div class="group">
|
||
<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">
|
||
<h2>Opentype features</h2>
|
||
<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<b>_</b>brown && <b>i</b>t<b>_</b>jumps<b>_</b>over(do<b>g</b>es.<b>l</b><b>a</b>zy) } <b>0</b>12345<b>@</b>6789</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<b>_</b>brown && <b>i</b>t<b>_</b>jumps<b>_</b>over(do<b>g</b>es.<b>l</b><b>a</b>zy)
|
||
} <b>0</b>12345<b>@</b>6789</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<b>_</b>brown && <b>i</b>t<b>_</b>jumps<b>_</b>over(do<b>g</b>es.<b>l</b><b>a</b>zy) } <b>0</b>12345<b>@</b>6789</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<b>_</b>brown && <b>i</b>t<b>_</b>jumps<b>_</b>over(do<b>g</b>es.<b>l</b><b>a</b>zy)
|
||
} <b>0</b>12345<b>@</b>6789</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<b>_</b>brown && <b>i</b>t<b>_</b>jumps<b>_</b>over(do<b>g</b>es.<b>l</b><b>a</b>zy) } <b>0</b>12345<b>@</b>6789</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<b>_</b>brown && <b>i</b>t<b>_</b>jumps<b>_</b>over(do<b>g</b>es.<b>l</b><b>a</b>zy)
|
||
} <b>0</b>12345<b>@</b>6789</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<b>_</b>brown && <b>i</b>t<b>_</b>jumps<b>_</b>over(do<b>g</b>es.<b>l</b><b>a</b>zy) } <b>0</b>12345<b>@</b>6789</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<b>_</b>brown && <b>i</b>t<b>_</b>jumps<b>_</b>over(do<b>g</b>es.<b>l</b><b>a</b>zy)
|
||
} <b>0</b>12345<b>@</b>6789</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<b>_</b>brown && <b>i</b>t<b>_</b>jumps<b>_</b>over(do<b>g</b>es.<b>l</b><b>a</b>zy) } <b>0</b>12345<b>@</b>6789</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<b>_</b>brown && <b>i</b>t<b>_</b>jumps<b>_</b>over(do<b>g</b>es.<b>l</b><b>a</b>zy)
|
||
} <b>0</b>12345<b>@</b>6789</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<b>_</b>brown && <b>i</b>t<b>_</b>jumps<b>_</b>over(do<b>g</b>es.<b>l</b><b>a</b>zy) } <b>0</b>12345<b>@</b>6789</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<b>_</b>brown && <b>i</b>t<b>_</b>jumps<b>_</b>over(do<b>g</b>es.<b>l</b><b>a</b>zy)
|
||
} <b>0</b>12345<b>@</b>6789</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<b>_</b>brown && <b>i</b>t<b>_</b>jumps<b>_</b>over(do<b>g</b>es.<b>l</b><b>a</b>zy) } <b>0</b>12345<b>@</b>6789</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<b>_</b>brown && <b>i</b>t<b>_</b>jumps<b>_</b>over(do<b>g</b>es.<b>l</b><b>a</b>zy)
|
||
} <b>0</b>12345<b>@</b>6789</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<b>_</b>brown && <b>i</b>t<b>_</b>jumps<b>_</b>over(do<b>g</b>es.<b>l</b><b>a</b>zy) } <b>0</b>12345<b>@</b>6789</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<b>_</b>brown && <b>i</b>t<b>_</b>jumps<b>_</b>over(do<b>g</b>es.<b>l</b><b>a</b>zy)
|
||
} <b>0</b>12345<b>@</b>6789</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<b>_</b>brown && <b>i</b>t<b>_</b>jumps<b>_</b>over(do<b>g</b>es.<b>l</b><b>a</b>zy) } <b>0</b>12345<b>@</b>6789</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<b>_</b>brown && <b>i</b>t<b>_</b>jumps<b>_</b>over(do<b>g</b>es.<b>l</b><b>a</b>zy)
|
||
} <b>0</b>12345<b>@</b>6789</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<b>_</b>brown && <b>i</b>t<b>_</b>jumps<b>_</b>over(do<b>g</b>es.<b>l</b><b>a</b>zy) } <b>0</b>12345<b>@</b>6789</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<b>_</b>brown && <b>i</b>t<b>_</b>jumps<b>_</b>over(do<b>g</b>es.<b>l</b><b>a</b>zy)
|
||
} <b>0</b>12345<b>@</b>6789</span>
|
||
</li>
|
||
</ol>
|
||
<div class="hr">Character Variants</div>
|
||
<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">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>
|
||
<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">cv25</span><span class="description"></span>
|
||
<span class="sample" style="font-feature-settings:'cv25'">m</span><span class="sample italic" style="font-feature-settings:'cv25'">m</span>
|
||
</li>
|
||
<li>
|
||
<span class="tag">cv26</span><span class="description"></span>
|
||
<span class="sample" style="font-feature-settings:'cv26'">m</span><span class="sample italic" style="font-feature-settings:'cv26'">m</span>
|
||
</li>
|
||
<li>
|
||
<span class="tag">cv27</span><span class="description"></span>
|
||
<span class="sample" style="font-feature-settings:'cv27'">l</span><span class="sample italic" style="font-feature-settings:'cv27'">l</span>
|
||
</li>
|
||
<li>
|
||
<span class="tag">cv28</span><span class="description"></span>
|
||
<span class="sample" style="font-feature-settings:'cv28'">l</span><span class="sample italic" style="font-feature-settings:'cv28'">l</span>
|
||
</li>
|
||
<li>
|
||
<span class="tag">cv29</span><span class="description"></span>
|
||
<span class="sample" style="font-feature-settings:'cv29'">^</span><span class="sample italic" style="font-feature-settings:'cv29'">^</span>
|
||
</li>
|
||
<li>
|
||
<span class="tag">cv30</span><span class="description"></span>
|
||
<span class="sample" style="font-feature-settings:'cv30'">^</span><span class="sample italic" style="font-feature-settings:'cv30'">^</span>
|
||
</li>
|
||
<li>
|
||
<span class="tag">cv31</span><span class="description"></span>
|
||
<span class="sample" style="font-feature-settings:'cv31'">@</span><span class="sample italic" style="font-feature-settings:'cv31'">@</span>
|
||
</li>
|
||
<li>
|
||
<span class="tag">cv32</span><span class="description"></span>
|
||
<span class="sample" style="font-feature-settings:'cv32'">@</span><span class="sample italic" style="font-feature-settings:'cv32'">@</span>
|
||
</li>
|
||
<li>
|
||
<span class="tag">cv33</span><span class="description"></span>
|
||
<span class="sample" style="font-feature-settings:'cv33'">@</span><span class="sample italic" style="font-feature-settings:'cv33'">@</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>
|
||
<row class="italic"><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>
|
||
<row class="oblique"><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>
|
||
</div>
|
||
<div class="slab">
|
||
<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>
|
||
<row class="italic"><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>
|
||
<row class="oblique"><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>
|
||
</div>
|
||
</section>
|
||
<section id="previews">
|
||
<section class="preview color-dark"><pre><code class="cpp hljs"><span class="keyword">SAMPLE_CODE</span>(TestMyTypefaceCodeSnippet, <span class="string">"Iosevka"</span>, DARK) { <span class="comment">// The quick brown fox jumps over the lazy dog.</span>
|
||
<span class="keyword">const</span> <span class="built_in">wchar_t</span>* code <span class="operator">=</span> L<span class="string">"(<#part><span class="built_in">\\d</span><span class="operator">+</span>)(<#capture>(<section>(<&part>)))((<&capture>)<span class="built_in">.</span>)<span class="operator">{3}</span>(<&capture>)"</span>;
|
||
<span class="built_in">RegexNode</span> node <span class="operator">=</span> (rCapture(L<span class="string">"section"</span>, r_d().Some()) <span class="operator">+</span> rC(L<span class="string">'.'</span>)).Loop(<span class="number">3</span>, <span class="number">3</span>) <span class="operator">+</span> rCapture(L<span class="string">"section"</span>, r_d().Some());
|
||
ThePatternsMustBeSame(code, node); <span class="comment">// Clarity : [i l I 1] [0 O 8] 1234567890. {}[]()<>$*-+=/#_%^@\&|~?'"`!,.;:</span>
|
||
}</code></pre></section>
|
||
<section class="preview color-light"><pre><code class="cpp hljs"><span class="keyword">SAMPLE_CODE</span>(TestMyTypefaceCodeSnippet, <span class="string">"Iosevka"</span>, LIGHT) { <span class="comment">// The quick brown fox jumps over the lazy dog.</span>
|
||
<span class="keyword">const</span> <span class="built_in">wchar_t</span>* code <span class="operator">=</span> L<span class="string">"(<#part><span class="built_in">\\d</span><span class="operator">+</span>)(<#capture>(<section>(<&part>)))((<&capture>)<span class="built_in">.</span>)<span class="operator">{3}</span>(<&capture>)"</span>;
|
||
<span class="built_in">RegexNode</span> node <span class="operator">=</span> (rCapture(L<span class="string">"section"</span>, r_d().Some()) <span class="operator">+</span> rC(L<span class="string">'.'</span>)).Loop(<span class="number">3</span>, <span class="number">3</span>) <span class="operator">+</span> rCapture(L<span class="string">"section"</span>, r_d().Some());
|
||
ThePatternsMustBeSame(code, node); <span class="comment">// Clarity : [i l I 1] [0 O 8] 1234567890. {}[]()<>$*-+=/#_%^@\&|~?'"`!,.;:</span>
|
||
}</code></pre></section>
|
||
<section class="preview color-dark slab"><pre><code class="slab cpp hljs"><span class="keyword">SAMPLE_CODE</span>(TestMyTypefaceCodeSnippet, <span class="string">"Iosevka Slab"</span>, DARK) { <span class="comment">// The quick brown fox jumps over the lazy dog.</span>
|
||
<span class="keyword">const</span> <span class="built_in">wchar_t</span>* code <span class="operator">=</span> L<span class="string">"(<#part><span class="built_in">\\d</span><span class="operator">+</span>)(<#capture>(<section>(<&part>)))((<&capture>)<span class="built_in">.</span>)<span class="operator">{3}</span>(<&capture>)"</span>;
|
||
<span class="built_in">RegexNode</span> node <span class="operator">=</span> (rCapture(L<span class="string">"section"</span>, r_d().Some()) <span class="operator">+</span> rC(L<span class="string">'.'</span>)).Loop(<span class="number">3</span>, <span class="number">3</span>) <span class="operator">+</span> rCapture(L<span class="string">"section"</span>, r_d().Some());
|
||
ThePatternsMustBeSame(code, node); <span class="comment">// Clarity : [i l I 1] [0 O 8] 1234567890. {}[]()<>$*-+=/#_%^@\&|~?'"`!,.;:</span>
|
||
}</code></pre></section>
|
||
<section class="preview color-light slab"><pre><code class="slab cpp hljs"><span class="keyword">SAMPLE_CODE</span>(TestMyTypefaceCodeSnippet, <span class="string">"Iosevka Slab"</span>, LIGHT) { <span class="comment">// The quick brown fox jumps over the lazy dog.</span>
|
||
<span class="keyword">const</span> <span class="built_in">wchar_t</span>* code <span class="operator">=</span> L<span class="string">"(<#part><span class="built_in">\\d</span><span class="operator">+</span>)(<#capture>(<section>(<&part>)))((<&capture>)<span class="built_in">.</span>)<span class="operator">{3}</span>(<&capture>)"</span>;
|
||
<span class="built_in">RegexNode</span> node <span class="operator">=</span> (rCapture(L<span class="string">"section"</span>, r_d().Some()) <span class="operator">+</span> rC(L<span class="string">'.'</span>)).Loop(<span class="number">3</span>, <span class="number">3</span>) <span class="operator">+</span> rCapture(L<span class="string">"section"</span>, r_d().Some());
|
||
ThePatternsMustBeSame(code, node); <span class="comment">// Clarity : [i l I 1] [0 O 8] 1234567890. {}[]()<>$*-+=/#_%^@\&|~?'"`!,.;:</span>
|
||
}</code></pre></section>
|
||
</section>
|
||
|
||
<section id="languages"><section class="preview color-dark" style="-webkit-font-feature-settings:'locl'"><pre><code class="javascript hljs"><span class=keyword>var</span> languages <span class="operator">=</span> [
|
||
{lang: <span class=string>'English'</span>, sample: <span class=string>'Shaw, those twelve beige hooks are joined if I patch a young, gooey mouth.'</span>},
|
||
{lang: <span class=string>'IPA'</span>, sample: <span class=string>'[ɢʷɯʔ.nas.doːŋ.kʰlja] [ŋan.ȵʑi̯wo.ɕi̯uĕn.ɣwa]'</span>},
|
||
{lang: <span class=string>'Bulgarian'</span>, sample: <span class=string lang=bg>'Я, пазачът Вальо уж бди, а скришом хапва кюфтенца зад щайгите.'</span>},
|
||
{lang: <span class=string>'Czech'</span>, sample: <span class=string>'Nechť již hříšné saxofony ďáblů rozezvučí síň úděsnými tóny waltzu, tanga a quickstepu.'</span>},
|
||
{lang: <span class=string>'Finnish'</span>, sample: <span class=string>'Charles Darwin jammaili Åken hevixylofonilla Qatarin yöpub Zeligissä.'</span>},
|
||
{lang: <span class=string>'French'</span>, sample: <span class=string>'Voix ambiguë d’un cœur qui au zéphyr préfère les jattes de kiwi.'</span>},
|
||
{lang: <span class=string>'German'</span>, sample: <span class=string>'Victor jagt zwölf Boxkämpfer quer über den großen Sylter Deich.'</span>},
|
||
{lang: <span class=string>'Greek'</span>, sample: <span class=string>'Ταχίστη αλώπηξ βαφής ψημένη γη, δρασκελίζει υπέρ νωθρού κυνός.'</span>},
|
||
{lang: <span class=string>'Ancient Greek'</span>, sample: <span class=string>'Ἄδμηθ’, ὁρᾷς γὰρ τἀμὰ πράγμαθ’ ὡς ἔχει, λέξαι θέλω σοι πρὶν θανεῖν ἃ βούλομαι. '</span>},
|
||
{lang: <span class=string>'Hungarian'</span>, sample: <span class=string>'Jó foxim és don Quijote húszwattos lámpánál ülve egy pár bűvös cipőt készít.'</span>},
|
||
{lang: <span class=string>'Icelandic'</span>, sample: <span class=string>'Kæmi ný öxi hér, ykist þjófum nú bæði víl og ádrepa.'</span>},
|
||
{lang: <span class=string>'Irish'</span>, sample: <span class=string>'Ċuaiġ bé ṁórṡáċ le dlúṫspád fíorḟinn trí hata mo ḋea-ṗorcáin ḃig.'</span>},
|
||
{lang: <span class=string>'Latvian'</span>, sample: <span class=string>'Muļķa hipiji mēģina brīvi nogaršot celofāna žņaudzējčūsku.'</span>},
|
||
{lang: <span class=string>'Lithuanian'</span>, sample: <span class=string>'Įlinkdama fechtuotojo špaga sublykčiojusi pragręžė apvalų arbūzą.'</span>},
|
||
{lang: <span class=string>'Macedonian'</span>, sample: <span class=string lang=mk>'Ѕидарски пејзаж: шугав билмез со чудење џвака ќофте и кељ на туѓ цех.'</span>},
|
||
{lang: <span class=string>'Norwegian'</span>, sample: <span class=string>'Jeg begynte å fortære en sandwich mens jeg kjørte taxi på vei til quiz'</span>},
|
||
{lang: <span class=string>'Polish'</span>, sample: <span class=string>'Pchnąć w tę łódź jeża lub ośm skrzyń fig.'</span>},
|
||
{lang: <span class=string>'Portuguese'</span>, sample: <span class=string>'Luís argüia à Júlia que «brações, fé, chá, óxido, pôr, zângão» eram palavras do português.'</span>},
|
||
{lang: <span class=string>'Romanian'</span>, sample: <span class=string>'Înjurând pițigăiat, zoofobul comandă vexat whisky și tequila.'</span>},
|
||
{lang: <span class=string>'Russian'</span>, sample: <span class=string>'Широкая электрификация южных губерний даст мощный толчок подъёму сельского хозяйства.'</span>},
|
||
{lang: <span class=string>'Serbian'</span>, sample: <span class=string lang=sr>'Ајшо, лепото и чежњо, за љубав срца мога дођи у Хаџиће на кафу.'</span>},
|
||
{lang: <span class=string>'Spanish'</span>, sample: <span class=string>'Benjamín pidió una bebida de kiwi y fresa; Noé, sin vergüenza, la más exquisita champaña del menú.'</span>},
|
||
{lang: <span class=string>'Turkish'</span>, sample: <span class=string>'Pijamalı hasta yağız şoföre çabucak güvendi.'</span>},
|
||
{lang: <span class=string>'Ukrainian'</span>, sample: <span class=string>'Чуєш їх, доцю, га? Кумедна ж ти, прощайся без ґольфів!'</span>}
|
||
]
|
||
</code></pre></section></section>
|
||
|
||
<section id="variants"><section class="preview color-light" style="background:white;font-size:1.1em"><pre style="margin:0.25rem 0">
|
||
<i>default</i> <span><span class="keyword">set</span> font.name.uniqueSubFamily <span class="string">"\(para.family) \(para.style) \(para.version) (\(para.codename))"</span></span>
|
||
<i> hooky</i> <span style="font-feature-settings:'cv05', 'cv09'"><span class="keyword">set</span> font.name.uniqueSubFamily <span class="string">"\(para.family) \(para.style) \(para.version) (\(para.codename))"</span></span>
|
||
<i>zshaped</i> <span style="font-feature-settings:'cv06', 'cv10'"><span class="keyword">set</span> font.name.uniqueSubFamily <span class="string">"\(para.family) \(para.style) \(para.version) (\(para.codename))"</span></span>
|
||
</pre></section></section>
|
||
|
||
<section id="weights"><section class="preview color-light" style="background:white;font-size:2em"><pre style="margin:0.25rem 0">
|
||
<span class="thin"><span class="built_in">float</span> Fox.quick(h){ is_brown <span class="operator">&&</span> it_jumps_over(doges.lazy); }</span>
|
||
<span class="extralight"><span class="built_in">float</span> Fox.quick(h){ is_brown <span class="operator">&&</span> it_jumps_over(doges.lazy); }</span>
|
||
<span class="light"><span class="built_in">float</span> Fox.quick(h){ is_brown <span class="operator">&&</span> it_jumps_over(doges.lazy); }</span>
|
||
<span class="regular"><span class="built_in">float</span> Fox.quick(h){ is_brown <span class="operator">&&</span> it_jumps_over(doges.lazy); }</span>
|
||
<span class="medium"><span class="built_in">float</span> Fox.quick(h){ is_brown <span class="operator">&&</span> it_jumps_over(doges.lazy); }</span>
|
||
<span class="bold"><span class="built_in">float</span> Fox.quick(h){ is_brown <span class="operator">&&</span> it_jumps_over(doges.lazy); }</span>
|
||
<span class="heavy"><span class="built_in">float</span> Fox.quick(h){ is_brown <span class="operator">&&</span> it_jumps_over(doges.lazy); }</span>
|
||
</pre></section></section>
|
||
|
||
<section id="downloadoptions">
|
||
<div>
|
||
<h3>Slab</h3>
|
||
<ul>
|
||
<li><h4>No</h4><div>Mx</div></li>
|
||
<li><h4>Yes</h4><div class="slab">Mx</div></li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h3>Ligatures</h3>
|
||
<ul>
|
||
<li><h4>No</h4><div style="-webkit-font-feature-settings:'calt' 0">==></div></li>
|
||
<li><h4>Yes</h4><div style="-webkit-font-feature-settings:'calt' 1">==></div></li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h3>i and l</h3>
|
||
<ul>
|
||
<li><h4>Default</h4><div style="-webkit-font-feature-settings:'calt' 0">milk</div></li>
|
||
<li><h4>Hooky</h4><div style="-webkit-font-feature-settings:'ss01' 1">milk</div></li>
|
||
<li><h4>ZShaped</h4><div style="-webkit-font-feature-settings:'ss02' 1">milk</div></li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h3>Full-width</h3>
|
||
<ul>
|
||
<li><h4>No</h4><div style="-webkit-font-feature-settings:'calt' 0"><span class="fwm missing">;</span><span>”</span></div></li>
|
||
<li><h4>Yes</h4><div style="-webkit-font-feature-settings:'ss01' 1"><span class="fwm">;</span><span>”</span></div></li>
|
||
<li><h4>CC</h4><div style="-webkit-font-feature-settings:'ss02' 1"><span class="fwm">;</span><span class="fwl">” </span></div></li>
|
||
</ul>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="ligations">
|
||
<table> <!-- annoying electron bug -->
|
||
<tbody><tr class="first"><th>Feature Tag</th><th>Designed For</th></tr>
|
||
<tr class="note"><td>calt</td><td>Default setting in text editors</td></tr>
|
||
<tr><td colspan="2" style="font-feature-settings:'calt' 1"><pre><s>-<<</s> <s>-<</s> <s>-<-</s> <em><--</em> <em><---</em> <s><<-</s> <em><-</em> <em>-></em> <s>->></s> <em>--></em> <em>---></em> <s>->-</s> <s>>-</s> <s>>>-</s> <em><-></em> <em><--></em> <em><---></em> <em><----></em> <em><!--</em> </pre><pre><s>=<<</s> <s>=<</s> <s>=<=</s> <em><==</em> <em><===</em> <s><<=</s> <s><=</s> <em>=></em> <s>=>></s> <em>==></em> <em>===></em> <s>=>=</s> <s>>=</s> <s>>>=</s> <em><=></em> <em><==></em> <em><===></em> <em><====></em> <em><!---</em> </pre><pre><em><----------------</em> <em>----------------></em> <em><===============></em> <em>a:b</em> <em>a::b</em> <em>a:::b</em> <s>a\/b</s> <s>a/\b</s> </pre><pre><em>:=</em> <em>:-</em> <em>:+</em> <e><*</e> <e><*></e> <e>*></e> <s><.</s> <s><.></s> <s>.></s> <em>+:</em> <em>-:</em> <em>=:</em> <e><******></e> <s>(* comm *)</s> </pre></td></tr><tr class="note"><td>XML_, XFS_, XFST</td><td>ML, OCaml, F#, F*</td></tr>
|
||
<tr><td colspan="2" style="font-feature-settings:'XFST' 1"><pre><s>-<<</s> <s>-<</s> <s>-<-</s> <em><--</em> <em><---</em> <s><<-</s> <em><-</em> <em>-></em> <s>->></s> <em>--></em> <em>---></em> <s>->-</s> <s>>-</s> <s>>>-</s> <em><-></em> <em><--></em> <em><---></em> <em><----></em> <em><!--</em> </pre><pre><s>=<<</s> <s>=<</s> <s>=<=</s> <em><==</em> <em><===</em> <s><<=</s> <s><=</s> <em>=></em> <s>=>></s> <em>==></em> <em>===></em> <s>=>=</s> <s>>=</s> <s>>>=</s> <em><=></em> <em><==></em> <em><===></em> <em><====></em> <em><!---</em> </pre><pre><em><----------------</em> <em>----------------></em> <em><===============></em> <em>a:b</em> <em>a::b</em> <em>a:::b</em> <em>a\/b</em> <em>a/\b</em> </pre><pre><em>:=</em> <em>:-</em> <em>:+</em> <e><*</e> <e><*></e> <e>*></e> <s><.</s> <s><.></s> <s>.></s> <em>+:</em> <em>-:</em> <em>=:</em> <e><******></e> <e>(* comm *)</e> </pre></td></tr><tr class="note"><td>SWFT, XPTL</td><td>Swift, PatEL</td></tr>
|
||
<tr><td colspan="2" style="font-feature-settings:'SWFT' 1"><pre><em>-<<</em> <em>-<</em> <em>-<-</em> <em><--</em> <em><---</em> <em><<-</em> <em><-</em> <em>-></em> <em>->></em> <em>--></em> <em>---></em> <em>->-</em> <em>>-</em> <em>>>-</em> <em><-></em> <em><--></em> <em><---></em> <em><----></em> <em><!--</em> </pre><pre><em>=<<</em> <em>=<</em> <em>=<=</em> <em><==</em> <em><===</em> <em><<=</em> <s><=</s> <em>=></em> <em>=>></em> <em>==></em> <em>===></em> <em>=>=</em> <s>>=</s> <em>>>=</em> <em><=></em> <em><==></em> <em><===></em> <em><====></em> <em><!---</em> </pre><pre><em><----------------</em> <em>----------------></em> <em><===============></em> <em>a:b</em> <em>a::b</em> <em>a:::b</em> <s>a\/b</s> <s>a/\b</s> </pre><pre><em>:=</em> <em>:-</em> <em>:+</em> <e><*</e> <e><*></e> <e>*></e> <s><.</s> <s><.></s> <s>.></s> <em>+:</em> <em>-:</em> <em>=:</em> <e><******></e> <s>(* comm *)</s> </pre></td></tr><tr class="note"><td>XHS_, XIDR, XELM, PURS</td><td>Haskell, Idris, Elm, PureScript</td></tr>
|
||
<tr><td colspan="2" style="font-feature-settings:'XHS_' 1"><pre><em>-<<</em> <em>-<</em> <em>-<-</em> <em><--</em> <em><---</em> <em><<-</em> <em><-</em> <em>-></em> <em>->></em> <em>--></em> <em>---></em> <em>->-</em> <em>>-</em> <em>>>-</em> <em><-></em> <em><--></em> <em><---></em> <em><----></em> <em><!--</em> </pre><pre><em>=<<</em> <em>=<</em> <em>=<=</em> <em><==</em> <em><===</em> <em><<=</em> <s><=</s> <em>=></em> <em>=>></em> <em>==></em> <em>===></em> <em>=>=</em> <s>>=</s> <em>>>=</em> <em><=></em> <em><==></em> <em><===></em> <em><====></em> <em><!---</em> </pre><pre><em><----------------</em> <em>----------------></em> <em><===============></em> <em>a:b</em> <em>a::b</em> <em>a:::b</em> <em>a\/b</em> <em>a/\b</em> </pre><pre><em>:=</em> <em>:-</em> <em>:+</em> <e><*</e> <e><*></e> <e>*></e> <em><.</em> <em><.></em> <em>.></em> <em>+:</em> <em>-:</em> <em>=:</em> <e><******></e> <s>(* comm *)</s> </pre></td></tr><tr class="note"><td>XV__</td><td>Coq</td></tr>
|
||
<tr><td colspan="2" style="font-feature-settings:'XV__' 1"><pre><em>-<<</em> <em>-<</em> <em>-<-</em> <em><--</em> <em><---</em> <em><<-</em> <em><-</em> <em>-></em> <em>->></em> <em>--></em> <em>---></em> <em>->-</em> <em>>-</em> <em>>>-</em> <em><-></em> <em><--></em> <em><---></em> <em><----></em> <em><!--</em> </pre><pre><em>=<<</em> <em>=<</em> <em>=<=</em> <em><==</em> <em><===</em> <em><<=</em> <s><=</s> <em>=></em> <em>=>></em> <em>==></em> <em>===></em> <em>=>=</em> <s>>=</s> <em>>>=</em> <em><=></em> <em><==></em> <em><===></em> <em><====></em> <em><!---</em> </pre><pre><em><----------------</em> <em>----------------></em> <em><===============></em> <em>a:b</em> <em>a::b</em> <em>a:::b</em> <em>a\/b</em> <em>a/\b</em> </pre><pre><em>:=</em> <em>:-</em> <em>:+</em> <e><*</e> <e><*></e> <e>*></e> <em><.</em> <em><.></em> <em>.></em> <em>+:</em> <em>-:</em> <em>=:</em> <e><******></e> <e>(* comm *)</e> </pre></td></tr>
|
||
</tbody></table>
|
||
</section>
|
||
|
||
<script src="index.js"></script>
|
||
</body> |