Iosevka/snapshot/index.html
Belleve Invis 4f286a42f8 * Refine the width of A and V.
* Changed the layout of character variants sample image for better clarity.
2020-05-21 19:22:23 -07:00

977 lines
No EOL
66 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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="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">"(&lt;#part&gt;<span class="built_in">\\d</span><span class="operator">+</span>)(&lt;#capture&gt;(&lt;section&gt;(&lt;&amp;part&gt;)))((&lt;&amp;capture&gt;)<span class="built_in">.</span>)<span class="operator">{3}</span>(&lt;&amp;capture&gt;)"</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. {}[]()&lt;&gt;$*-+=/#_%^@\&amp;|~?'"`!,.;:</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">"(&lt;#part&gt;<span class="built_in">\\d</span><span class="operator">+</span>)(&lt;#capture&gt;(&lt;section&gt;(&lt;&amp;part&gt;)))((&lt;&amp;capture&gt;)<span class="built_in">.</span>)<span class="operator">{3}</span>(&lt;&amp;capture&gt;)"</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. {}[]()&lt;&gt;$*-+=/#_%^@\&amp;|~?'"`!,.;:</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">"(&lt;#part&gt;<span class="built_in">\\d</span><span class="operator">+</span>)(&lt;#capture&gt;(&lt;section&gt;(&lt;&amp;part&gt;)))((&lt;&amp;capture&gt;)<span class="built_in">.</span>)<span class="operator">{3}</span>(&lt;&amp;capture&gt;)"</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. {}[]()&lt;&gt;$*-+=/#_%^@\&amp;|~?'"`!,.;:</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">"(&lt;#part&gt;<span class="built_in">\\d</span><span class="operator">+</span>)(&lt;#capture&gt;(&lt;section&gt;(&lt;&amp;part&gt;)))((&lt;&amp;capture&gt;)<span class="built_in">.</span>)<span class="operator">{3}</span>(&lt;&amp;capture&gt;)"</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. {}[]()&lt;&gt;$*-+=/#_%^@\&amp;|~?'"`!,.;:</span>
}</code></pre></section>
</section><section id="languages">
<section class="preview color-dark" style="font-feature-settings:'locl'"><pre><code class="javascript hljs"><span class=keyword>const</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ë dun 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="weights"><section class="preview color-light" style="background:white;font-size:2em"><pre style="margin:0.25rem 0">
<span class="wght-100"><span class="built_in">float</span> Fox.quick(h){ is_brown <span class="operator">&&</span> it_jumps_over(dogs.lazy); }</span>
<span class="wght-200"><span class="built_in">float</span> Fox.quick(h){ is_brown <span class="operator">&&</span> it_jumps_over(dogs.lazy); }</span>
<span class="wght-300"><span class="built_in">float</span> Fox.quick(h){ is_brown <span class="operator">&&</span> it_jumps_over(dogs.lazy); }</span>
<span class="wght-400"><span class="built_in">float</span> Fox.quick(h){ is_brown <span class="operator">&&</span> it_jumps_over(dogs.lazy); }</span>
<span class="wght-500"><span class="built_in">float</span> Fox.quick(h){ is_brown <span class="operator">&&</span> it_jumps_over(dogs.lazy); }</span>
<span class="wght-600"><span class="built_in">float</span> Fox.quick(h){ is_brown <span class="operator">&&</span> it_jumps_over(dogs.lazy); }</span>
<span class="wght-700"><span class="built_in">float</span> Fox.quick(h){ is_brown <span class="operator">&&</span> it_jumps_over(dogs.lazy); }</span>
<span class="wght-800"><span class="built_in">float</span> Fox.quick(h){ is_brown <span class="operator">&&</span> it_jumps_over(dogs.lazy); }</span>
<span class="wght-900"><span class="built_in">float</span> Fox.quick(h){ is_brown <span class="operator">&&</span> it_jumps_over(dogs.lazy); }</span>
</pre></section></section><section id="charvars" class="opentype char-vars">
<div class="hr">Character Variants</div>
<ol class="narrow">
<li>
<div class="desc-group char">
<div class="sample">a</div>
<div class="triangle"></div>
</div>
<ol class="group">
<li class="desc-group char">
<div class="label tag">cv01</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>
</li>
</ol></li>
<li>
<div class="desc-group char">
<div class="sample">f</div>
<div class="triangle"></div>
</div>
<ol class="group">
<li class="desc-group char">
<div class="label tag">cv52</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>
</li>
<li class="desc-group char">
<div class="label tag">cv84</div>
<div class="sample" style="font-feature-settings:'cv84'">f</div>
</li>
</ol></li>
<li>
<div class="desc-group char">
<div class="sample">g</div>
<div class="triangle"></div>
</div>
<ol class="group">
<li class="desc-group char">
<div class="label tag">cv11</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>
</li>
<li class="desc-group char">
<div class="label tag">cv24</div>
<div class="sample" style="font-feature-settings:'cv24'">g</div>
</li>
</ol></li>
<li>
<div class="desc-group char">
<div class="sample">i</div>
<div class="triangle"></div>
</div>
<ol class="group">
<li class="desc-group char">
<div class="label tag">cv03</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>
</li>
<li class="desc-group char">
<div class="label tag">cv05</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>
</li>
<li class="desc-group char">
<div class="label tag">cv56</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>
</li>
<li class="desc-group char">
<div class="label tag">CVAA</div>
<div class="sample" style="font-feature-settings:'CVAA'">i</div>
</li>
</ol></li>
<li>
<div class="desc-group char">
<div class="sample">j</div>
<div class="triangle"></div>
</div>
<ol class="group">
<li class="desc-group char">
<div class="label tag">cv57</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>
</li>
<li class="desc-group char">
<div class="label tag">cv98</div>
<div class="sample" style="font-feature-settings:'cv98'">j</div>
</li>
</ol></li>
<li>
<div class="desc-group char">
<div class="sample">k</div>
<div class="triangle"></div>
</div>
<ol class="group">
<li class="desc-group char">
<div class="label tag">cv68</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>
</li>
<li class="desc-group char">
<div class="label tag">cv70</div>
<div class="sample italic" style="font-feature-settings:'cv70'">k</div>
</li>
</ol></li>
<li>
<div class="desc-group char">
<div class="sample">l</div>
<div class="triangle"></div>
</div>
<ol class="group">
<li class="desc-group char">
<div class="label tag">cv07</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>
</li>
<li class="desc-group char">
<div class="label tag">cv09</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>
</li>
<li class="desc-group char">
<div class="label tag">cv27</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>
</li>
<li class="desc-group char">
<div class="label tag">cv59</div>
<div class="sample" style="font-feature-settings:'cv59'">l</div>
</li>
</ol></li>
<li>
<div class="desc-group char">
<div class="sample">m</div>
<div class="triangle"></div>
</div>
<ol class="group">
<li class="desc-group char">
<div class="label tag">cv25</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>
</li>
</ol></li>
<li>
<div class="desc-group char">
<div class="sample">r</div>
<div class="triangle"></div>
</div>
<ol class="group">
<li class="desc-group char">
<div class="label tag">cv85</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>
</li>
<li class="desc-group char">
<div class="label tag">cv87</div>
<div class="sample" style="font-feature-settings:'cv87'">r</div>
</li>
</ol></li>
<li>
<div class="desc-group char">
<div class="sample">t</div>
<div class="triangle"></div>
</div>
<ol class="group">
<li class="desc-group char">
<div class="label tag">cv40</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>
</li>
</ol></li>
<li>
<div class="desc-group char">
<div class="sample">u</div>
<div class="triangle"></div>
</div>
<ol class="group">
<li class="desc-group char">
<div class="label tag">cv89</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>
</li>
</ol></li>
<li>
<div class="desc-group char">
<div class="sample">v</div>
<div class="triangle"></div>
</div>
<ol class="group">
<li class="desc-group char">
<div class="label tag">cv71</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>
</li>
</ol></li>
<li>
<div class="desc-group char">
<div class="sample">w</div>
<div class="triangle"></div>
</div>
<ol class="group">
<li class="desc-group char">
<div class="label tag">cv75</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>
</li>
</ol></li>
<li>
<div class="desc-group char">
<div class="sample">x</div>
<div class="triangle"></div>
</div>
<ol class="group">
<li class="desc-group char">
<div class="label tag">cv77</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>
</li>
</ol></li>
<li>
<div class="desc-group char">
<div class="sample">y</div>
<div class="triangle"></div>
</div>
<ol class="group">
<li class="desc-group char">
<div class="label tag">cv48</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>
</li>
<li class="desc-group char">
<div class="label tag">cv79</div>
<div class="sample" style="font-feature-settings:'cv79'">y</div>
</li>
</ol></li>
<li>
<div class="desc-group char">
<div class="sample">A</div>
<div class="triangle"></div>
</div>
<ol class="group">
<li class="desc-group char">
<div class="label tag">cv73</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>
</li>
</ol></li>
<li>
<div class="desc-group char">
<div class="sample">G</div>
<div class="triangle"></div>
</div>
<ol class="group">
<li class="desc-group char">
<div class="label tag">cv91</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>
</li>
</ol></li>
<li>
<div class="desc-group char">
<div class="sample">Q</div>
<div class="triangle"></div>
</div>
<ol class="group">
<li class="desc-group char">
<div class="label tag">cv42</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>
</li>
</ol></li>
<li>
<div class="desc-group char">
<div class="sample">R</div>
<div class="triangle"></div>
</div>
<ol class="group">
<li class="desc-group char">
<div class="label tag">cv82</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>
</li>
</ol></li>
<li>
<div class="desc-group char">
<div class="sample">Y</div>
<div class="triangle"></div>
</div>
<ol class="group">
<li class="desc-group char">
<div class="label tag">cv80</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>
</li>
</ol></li>
<li>
<div class="desc-group char">
<div class="sample">0</div>
<div class="triangle"></div>
</div>
<ol class="group">
<li class="desc-group char">
<div class="label tag">cv13</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>
</li>
<li class="desc-group char">
<div class="label tag">cv15</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>
</li>
</ol></li>
<li>
<div class="desc-group char">
<div class="sample">1</div>
<div class="triangle"></div>
</div>
<ol class="group">
<li class="desc-group char">
<div class="label tag">cv50</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>
</li>
</ol></li>
<li>
<div class="desc-group char">
<div class="sample">3</div>
<div class="triangle"></div>
</div>
<ol class="group">
<li class="desc-group char">
<div class="label tag">cv46</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>
</li>
</ol></li>
<li>
<div class="desc-group char">
<div class="sample">7</div>
<div class="triangle"></div>
</div>
<ol class="group">
<li class="desc-group char">
<div class="label tag">cv64</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>
</li>
</ol></li>
<li>
<div class="desc-group char">
<div class="sample">9</div>
<div class="triangle"></div>
</div>
<ol class="group">
<li class="desc-group char">
<div class="label tag">cv96</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>
</li>
</ol></li>
<li>
<div class="desc-group char">
<div class="sample">ß</div>
<div class="triangle"></div>
</div>
<ol class="group">
<li class="desc-group char">
<div class="label tag">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>
</li>
</ol></li>
<li>
<div class="desc-group char">
<div class="sample">λ</div>
<div class="triangle"></div>
</div>
<ol class="group">
<li class="desc-group char">
<div class="label tag">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>
</li>
</ol></li>
<li>
<div class="desc-group char">
<div class="sample">~</div>
<div class="triangle"></div>
</div>
<ol class="group">
<li class="desc-group char">
<div class="label tag">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>
</li>
</ol></li>
<li>
<div class="desc-group char">
<div class="sample">*</div>
<div class="triangle"></div>
</div>
<ol class="group">
<li class="desc-group char">
<div class="label tag">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>
</li>
<li class="desc-group char">
<div class="label tag">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>
</li>
</ol></li>
<li>
<div class="desc-group char">
<div class="sample">_</div>
<div class="triangle"></div>
</div>
<ol class="group">
<li class="desc-group char">
<div class="label tag">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>
</li>
<li class="desc-group char">
<div class="label tag">cv99</div>
<div class="sample" style="font-feature-settings:'cv99'">_</div>
</li>
</ol></li>
<li>
<div class="desc-group char">
<div class="sample"></div>
<div class="triangle"></div>
</div>
<ol class="group">
<li class="desc-group char">
<div class="label tag">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>
</li>
</ol></li>
<li>
<div class="desc-group char">
<div class="sample">^</div>
<div class="triangle"></div>
</div>
<ol class="group">
<li class="desc-group char">
<div class="label tag">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>
</li>
</ol></li>
<li>
<div class="desc-group ligature">
<div class="sample">{</div>
<div class="sample">}</div>
<div class="triangle"></div>
</div>
<ol class="group">
<li class="desc-group ligature">
<div class="label tag">cv36</div>
<div class="sample" style="font-feature-settings:'cv36'">{</div>
<div class="sample" style="font-feature-settings:'cv36'">}</div>
</li>
<li class="desc-group ligature">
<div class="label tag">cv37</div>
<div class="sample" style="font-feature-settings:'cv37'">{</div>
<div class="sample" style="font-feature-settings:'cv37'">}</div>
</li>
</ol></li>
<li>
<div class="desc-group char">
<div class="sample">#</div>
<div class="triangle"></div>
</div>
<ol class="group">
<li class="desc-group char">
<div class="label tag">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>
</li>
</ol></li>
<li>
<div class="desc-group char">
<div class="sample">@</div>
<div class="triangle"></div>
</div>
<ol class="group">
<li class="desc-group char">
<div class="label tag">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>
</li>
<li class="desc-group char">
<div class="label tag">cv33</div>
<div class="sample" style="font-feature-settings:'cv33'">@</div>
</li>
</ol></li>
<li>
<div class="desc-group char">
<div class="sample">$</div>
<div class="triangle"></div>
</div>
<ol class="group">
<li class="desc-group char">
<div class="label tag">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>
</li>
<li class="desc-group char">
<div class="label tag">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>
</li>
</ol></li>
<li>
<div class="desc-group char">
<div class="sample">%</div>
<div class="triangle"></div>
</div>
<ol class="group">
<li class="desc-group char">
<div class="label tag">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>
</li>
</ol></li>
<li>
<div class="desc-group ligature">
<div class="sample">&lt;=</div>
<div class="sample">&gt;=</div>
<div class="triangle"></div>
</div>
<ol class="group">
<li class="desc-group ligature">
<div class="label tag">cv66</div>
<div class="sample" style="font-feature-settings:'cv66'">&lt;=</div>
<div class="sample" style="font-feature-settings:'cv66'">&gt;=</div>
</li>
<li class="desc-group ligature">
<div class="label tag">cv67</div>
<div class="sample" style="font-feature-settings:'cv67'">&lt;=</div>
<div class="sample" style="font-feature-settings:'cv67'">&gt;=</div>
</li>
</ol></li>
</ol>
</section>
<section id="stylesets" class="opentype">
<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'">@real fox.quick(h){ *is_brown && it_jumps_over(dogs.lazy) } 0123456789 ABCKRWXYZ</span>
<span class="sample italic" style="font-feature-settings:'off'">@real fox.quick(h){ *is_brown && it_jumps_over(dogs.lazy) } 0123456789 ABCKRWXYZ</span>
</li>
<li>
<span class="tag">ss01</span><span class="description">Andale Mono Style</span>
<span class="sample" style="font-feature-settings:'ss01'"><b>@</b>re<b>a</b><b>l</b> 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>s.<b>l</b><b>a</b>zy) } <b>0</b><b>1</b>23456789 ABCKRWXYZ</span>
<span class="sample italic" style="font-feature-settings:'ss01'"><b>@</b>re<b>a</b><b>l</b> 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>s.<b>l</b><b>a</b>zy) } <b>0</b><b>1</b>23456789 ABCKRWXYZ</span>
</li>
<li>
<span class="tag">ss02</span><span class="description">Anonymous Pro Style</span>
<span class="sample" style="font-feature-settings:'ss02'"><b>@</b>re<b>a</b><b>l</b> fox.qu<b>i</b>ck(h){ <b>*</b><b>i</b>s_brown && <b>i</b>t_jumps_over(dogs.<b>l</b><b>a</b>zy) } 0<b>1</b>23456<b>7</b>89 ABCKRWXYZ</span>
<span class="sample italic" style="font-feature-settings:'ss02'"><b>@</b>re<b>a</b><b>l</b> fox.qu<b>i</b>ck(h){ <b>*</b><b>i</b>s_brown && <b>i</b>t_jumps_over(dogs.<b>l</b><b>a</b>zy) } 0<b>1</b>23456<b>7</b>89 ABCKRWXYZ</span>
</li>
<li>
<span class="tag">ss03</span><span class="description">Consolas Style</span>
<span class="sample" style="font-feature-settings:'ss03'"><b>@</b>real fox.quick(h){ <b>*</b>is<b>_</b>brown && it<b>_</b>jumps<b>_</b>over(do<b>g</b>s.lazy) } 0<b>1</b>23456789 ABCKRWXYZ</span>
<span class="sample italic" style="font-feature-settings:'ss03'"><b>@</b>real fox.quick(h){ <b>*</b>is<b>_</b>brown && it<b>_</b>jumps<b>_</b>over(do<b>g</b>s.lazy) } 0<b>1</b>23456789 ABCKRWXYZ</span>
</li>
<li>
<span class="tag">ss04</span><span class="description">Menlo Style</span>
<span class="sample" style="font-feature-settings:'ss04'"><b>@</b>re<b>a</b><b>l</b> 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(dogs.<b>l</b><b>a</b>zy) } 0<b>1</b>23456789 ABCKRWXYZ</span>
<span class="sample italic" style="font-feature-settings:'ss04'"><b>@</b>re<b>a</b><b>l</b> 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(dogs.<b>l</b><b>a</b>zy) } 0<b>1</b>23456789 ABCKRWXYZ</span>
</li>
<li>
<span class="tag">ss05</span><span class="description">Fira Mono Style</span>
<span class="sample" style="font-feature-settings:'ss05'"><b>@</b>re<b>a</b><b>l</b> fox.qu<b>i</b>ck(h){ *<b>i</b>s<b>_</b>brown && <b>i</b>t<b>_</b>jumps<b>_</b>over(do<b>g</b>s.<b>l</b><b>a</b>zy) } <b>0</b><b>1</b>23456789 ABCKRWXYZ</span>
<span class="sample italic" style="font-feature-settings:'ss05'"><b>@</b>re<b>a</b><b>l</b> fox.qu<b>i</b>ck(h){ *<b>i</b>s<b>_</b>brown && <b>i</b>t<b>_</b>jumps<b>_</b>over(do<b>g</b>s.<b>l</b><b>a</b>zy) } <b>0</b><b>1</b>23456789 ABCKRWXYZ</span>
</li>
<li>
<span class="tag">ss06</span><span class="description">Liberation Mono Style</span>
<span class="sample" style="font-feature-settings:'ss06'"><b>@</b>re<b>a</b><b>l</b> fox.qu<b>i</b>ck(h){ *<b>i</b>s_brown && <b>i</b>t_jumps_over(dogs.<b>l</b><b>a</b>zy) } <b>0</b><b>1</b>23456789 ABCKRWXYZ</span>
<span class="sample italic" style="font-feature-settings:'ss06'"><b>@</b>re<b>a</b><b>l</b> fox.qu<b>i</b>ck(h){ *<b>i</b>s_brown && <b>i</b>t_jumps_over(dogs.<b>l</b><b>a</b>zy) } <b>0</b><b>1</b>23456789 ABCKRWXYZ</span>
</li>
<li>
<span class="tag">ss07</span><span class="description">Monaco Style</span>
<span class="sample" style="font-feature-settings:'ss07'"><b>@</b>re<b>a</b><b>l</b> fox.qu<b>i</b>ck(h){ <b>*</b><b>i</b>s_brown && <b>i</b>t_jumps_over(dogs.<b>l</b><b>a</b>zy) } 0<b>1</b>23456789 ABCKRWXYZ</span>
<span class="sample italic" style="font-feature-settings:'ss07'"><b>@</b>re<b>a</b><b>l</b> fox.qu<b>i</b>ck(h){ <b>*</b><b>i</b>s_brown && <b>i</b>t_jumps_over(dogs.<b>l</b><b>a</b>zy) } 0<b>1</b>23456789 ABCKRWXYZ</span>
</li>
<li>
<span class="tag">ss08</span><span class="description">Pragmata Pro Style</span>
<span class="sample" style="font-feature-settings:'ss08'"><b>@</b>re<b>a</b><b>l</b> fo<b>x</b>.qu<b>i</b>c<b>k</b>(h){ <b>*</b><b>i</b>s<b>_</b>bro<b>w</b>n && <b>i</b>t<b>_</b>jumps<b>_</b>o<b>v</b>er(do<b>g</b>s.<b>l</b><b>a</b>z<b>y</b>) } <b>0</b>123456789 <b>A</b>BC<b>K</b><b>R</b><b>W</b><b>X</b><b>Y</b>Z</span>
<span class="sample italic" style="font-feature-settings:'ss08'"><b>@</b>re<b>a</b><b>l</b> fo<b>x</b>.qu<b>i</b>c<b>k</b>(h){ <b>*</b><b>i</b>s<b>_</b>bro<b>w</b>n && <b>i</b>t<b>_</b>jumps<b>_</b>o<b>v</b>er(do<b>g</b>s.<b>l</b><b>a</b>z<b>y</b>) } <b>0</b>123456789 <b>A</b>BC<b>K</b><b>R</b><b>W</b><b>X</b><b>Y</b>Z</span>
</li>
<li>
<span class="tag">ss09</span><span class="description">Source Code Pro Style</span>
<span class="sample" style="font-feature-settings:'ss09'"><b>@</b>rea<b>l</b> fox.qu<b>i</b>ck(h){ <b>*</b><b>i</b>s_brown && <b>i</b>t_jumps_over(do<b>g</b>s.<b>l</b>azy) } <b>0</b><b>1</b>23456789 ABCKRWXYZ</span>
<span class="sample italic" style="font-feature-settings:'ss09'"><b>@</b>rea<b>l</b> fox.quick(h){ <b>*</b>is_brown && it_jumps_over(do<b>g</b>s.<b>l</b>azy) } <b>0</b><b>1</b>23456789 ABCKRWXYZ</span>
</li>
<li>
<span class="tag">ss10</span><span class="description">Envy Code R Style</span>
<span class="sample" style="font-feature-settings:'ss10'"><b>@</b>re<b>a</b><b>l</b> 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(dogs.<b>l</b><b>a</b>zy) } 0<b>1</b>23456789 ABCKRWXYZ</span>
<span class="sample italic" style="font-feature-settings:'ss10'"><b>@</b>re<b>a</b><b>l</b> 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(dogs.<b>l</b><b>a</b>zy) } 0<b>1</b>23456789 ABCKRWXYZ</span>
</li>
<li>
<span class="tag">ss11</span><span class="description">X Window Style</span>
<span class="sample" style="font-feature-settings:'ss11'"><b>@</b>real fox.quick(h){ *is_brown && it_jumps_over(dogs.lazy) } <b>0</b><b>1</b>2<b>3</b>456789 ABCKRWXYZ</span>
<span class="sample italic" style="font-feature-settings:'ss11'"><b>@</b>real fox.quick(h){ *is_brown && it_jumps_over(dogs.lazy) } <b>0</b><b>1</b>2<b>3</b>456789 ABCKRWXYZ</span>
</li>
<li>
<span class="tag">ss12</span><span class="description">Ubuntu Mono Style</span>
<span class="sample" style="font-feature-settings:'ss12'"><b>@</b>re<b>a</b><b>l</b> <b>f</b>ox.qu<b>i</b>ck(h){ *<b>i</b>s<b>_</b>brown && <b>i</b>t<b>_</b>ju<b>m</b>ps<b>_</b>over(dogs.<b>l</b><b>a</b>z<b>y</b>) } <b>0</b><b>1</b>23456789 ABCKRWXYZ</span>
<span class="sample italic" style="font-feature-settings:'ss12'"><b>@</b>re<b>a</b><b>l</b> <b>f</b>ox.qu<b>i</b>ck(h){ *<b>i</b>s<b>_</b>brown && <b>i</b>t<b>_</b>ju<b>m</b>ps<b>_</b>over(dogs.<b>l</b><b>a</b>z<b>y</b>) } <b>0</b><b>1</b>23456789 ABCKRWXYZ</span>
</li>
<li>
<span class="tag">ss13</span><span class="description">Lucida Style</span>
<span class="sample" style="font-feature-settings:'ss13'">@rea<b>l</b> fox.qu<b>i</b>ck(h){ *<b>i</b>s<b>_</b>brown && <b>i</b>t<b>_</b>jumps<b>_</b>over(dogs.<b>l</b>azy) } <b>0</b><b>1</b>23456789 ABCKRWXYZ</span>
<span class="sample italic" style="font-feature-settings:'ss13'">@rea<b>l</b> fox.qu<b>i</b>ck(h){ *<b>i</b>s<b>_</b>brown && <b>i</b>t<b>_</b>jumps<b>_</b>over(dogs.<b>l</b>azy) } <b>0</b><b>1</b>23456789 ABCKRWXYZ</span>
</li>
<li>
<span class="tag">ss14</span><span class="description">JetBrains Mono Style</span>
<span class="sample" style="font-feature-settings:'ss14'">@rea<b>l</b> fox.q<b>u</b><b>i</b>ck(h){ <b>*</b><b>i</b>s_brown && <b>i</b>t_j<b>u</b>mps_over(dogs.<b>l</b>azy) } <b>0</b><b>1</b>2<b>3</b>456<b>7</b>89 ABCKRWXYZ</span>
<span class="sample italic" style="font-feature-settings:'ss14'">@rea<b>l</b> fox.q<b>u</b><b>i</b>ck(h){ <b>*</b><b>i</b>s_brown && <b>i</b>t_j<b>u</b>mps_over(dogs.<b>l</b>azy) } <b>0</b><b>1</b>2<b>3</b>456<b>7</b>89 ABCKRWXYZ</span>
</li>
<li>
<span class="tag">ss20</span><span class="description">Curly Style</span>
<span class="sample" style="font-feature-settings:'ss20'">@real fo<b>x</b>.quic<b>k</b>(h){ *is_bro<b>w</b>n && it_jumps_o<b>v</b>er(dogs.laz<b>y</b>) } 0123456789 <b>A</b>BC<b>K</b><b>R</b><b>W</b><b>X</b><b>Y</b>Z</span>
<span class="sample italic" style="font-feature-settings:'ss20'">@real fo<b>x</b>.quic<b>k</b>(h){ *is_bro<b>w</b>n && it_jumps_o<b>v</b>er(dogs.laz<b>y</b>) } 0123456789 <b>A</b>BC<b>K</b><b>R</b><b>W</b><b>X</b><b>Y</b>Z</span>
</li>
</ol>
</section><section id="ligations">
<table>
<thead><tr class="first"><th>Feature Tag</th><th>Description</th></tr></thead>
<tbody>
<tr class="note">
<td>calt off</td>
<td>Ligation Off</td>
</tr>
<tr>
<td colspan="2" style="font-feature-settings:'calt' off">
<pre><s>-&lt;&lt;</s> <s>-&lt;</s> <s>-&lt;-</s> <s>&lt;--</s> <s>&lt;---</s> <s>&lt;&lt;-</s> <s>&lt;-</s> <s>-&gt;</s> <s>-&gt;&gt;</s> <s>--&gt;</s> <s>---&gt;</s> <s>-&gt;-</s> <s>&gt;-</s> <s>&gt;&gt;-</s> <s>&lt;-&gt;</s> <s>&lt;--&gt;</s> <s>&lt;---&gt;</s> <s>&lt;----&gt;</s> <s>&lt;!--</s></pre>
<pre><s>=&lt;&lt;</s> <s>=&lt;</s> <s>=&lt;=</s> <s>&lt;==</s> <s>&lt;===</s> <s>&lt;&lt;=</s> <s>&lt;=</s> <s>=&gt;</s> <s>=&gt;&gt;</s> <s>==&gt;</s> <s>===&gt;</s> <s>=&gt;=</s> <s>&gt;=</s> <s>&gt;&gt;=</s> <s>&lt;=&gt;</s> <s>&lt;==&gt;</s> <s>&lt;===&gt;</s> <s>&lt;====&gt;</s> <s>&lt;!---</s></pre>
<pre><s>&lt;------</s> <s>------&gt;</s> <s>&lt;=====&gt;</s> <s>&lt;~~</s> <s>&lt;~</s> <s>~&gt;</s> <s>~~&gt;</s> <s>::</s> <s>:::</s> <s>\/</s> <s>/\</s> <s>==</s> <s>!=</s> <s>/=</s> <s>~=</s> <s>&lt;&gt;</s> <s>===</s> <s>!==</s> <s>=/=</s> <s>=!=</s></pre>
<pre><s>:=</s> <s>:-</s> <s>:+</s> <s>&lt;*</s> <s>&lt;*&gt;</s> <s>*&gt;</s> <s>&lt;|</s> <s>&lt;|&gt;</s> <s>|&gt;</s> <s>&lt;.</s> <s>&lt;.&gt;</s> <s>.&gt;</s> <s>+:</s> <s>-:</s> <s>=:</s> <s>&lt;******&gt;</s> <s>(* comm *)</s> <s>++</s> <s>+++</s> <s>|-</s> <s>-|</s></pre>
</td>
</tr>
<tr class="note">
<td>calt</td>
<td>Default setting in text editors</td>
</tr>
<tr>
<td colspan="2" style="font-feature-settings:'calt' on">
<pre><s>-&lt;&lt;</s> <s>-&lt;</s> <s>-&lt;-</s> <em class="rank-1">&lt;--</em> <em class="rank-1">&lt;---</em> <em class="rank-1">&lt;&lt;-</em> <em class="rank-1">&lt;-</em> <em class="rank-1">-&gt;</em> <em class="rank-1">-&gt;&gt;</em> <em class="rank-1">--&gt;</em> <em class="rank-1">---&gt;</em> <s>-&gt;-</s> <s>&gt;-</s> <s>&gt;&gt;-</s> <em class="rank-1">&lt;-&gt;</em> <em class="rank-1">&lt;--&gt;</em> <em class="rank-1">&lt;---&gt;</em> <em class="rank-1">&lt;----&gt;</em> <em class="rank-1">&lt;!--</em></pre>
<pre><s>=&lt;&lt;</s> <s>=&lt;</s> <s>=&lt;=</s> <em class="rank-1">&lt;==</em> <em class="rank-1">&lt;===</em> <em class="rank-2">&lt;&lt;=</em> <em class="rank-1">&lt;=</em> <em class="rank-1">=&gt;</em> <em class="rank-1">=&gt;&gt;</em> <em class="rank-1">==&gt;</em> <em class="rank-1">===&gt;</em> <s>=&gt;=</s> <em class="rank-1">&gt;=</em> <em class="rank-2">&gt;&gt;=</em> <em class="rank-1">&lt;=&gt;</em> <em class="rank-1">&lt;==&gt;</em> <em class="rank-1">&lt;===&gt;</em> <em class="rank-1">&lt;====&gt;</em> <em class="rank-1">&lt;!---</em></pre>
<pre><em class="rank-1">&lt;------</em> <em class="rank-1">------&gt;</em> <em class="rank-1">&lt;=====&gt;</em> <em class="rank-1">&lt;~~</em> <em class="rank-1">&lt;~</em> <em class="rank-1">~&gt;</em> <em class="rank-1">~~&gt;</em> <em class="rank-1">::</em> <em class="rank-1">:::</em> <s>\/</s> <s>/\</s> <em class="rank-1">==</em> <em class="rank-1">!=</em> <s>/=</s> <s>~=</s> <s>&lt;&gt;</s> <em class="rank-1">===</em> <em class="rank-1">!==</em> <s>=/=</s> <s>=!=</s></pre>
<pre><em class="rank-1">:=</em> <em class="rank-1">:-</em> <em class="rank-1">:+</em> <em class="rank-1">&lt;*</em> <em class="rank-1">&lt;*&gt;</em> <em class="rank-1">*&gt;</em> <em class="rank-1">&lt;|</em> <em class="rank-1">&lt;|&gt;</em> <em class="rank-1">|&gt;</em> <s>&lt;.</s> <s>&lt;.&gt;</s> <s>.&gt;</s> <em class="rank-1">+:</em> <em class="rank-1">-:</em> <em class="rank-1">=:</em> <em class="rank-1">&lt;******&gt;</em> <s>(* comm *)</s> <em class="rank-1">++</em> <em class="rank-1">+++</em> <s>|-</s> <s>-|</s></pre>
</td>
</tr>
<tr class="note">
<td>dlig</td>
<td>Discretionary ligatures</td>
</tr>
<tr>
<td colspan="2" style="font-feature-settings: 'calt' off, 'dlig' on">
<pre><em class="rank-1">-&lt;&lt;</em> <em class="rank-1">-&lt;</em> <em class="rank-1">-&lt;-</em> <em class="rank-1">&lt;--</em> <em class="rank-1">&lt;---</em> <em class="rank-1">&lt;&lt;-</em> <em class="rank-1">&lt;-</em> <em class="rank-1">-&gt;</em> <em class="rank-1">-&gt;&gt;</em> <em class="rank-1">--&gt;</em> <em class="rank-1">---&gt;</em> <em class="rank-1">-&gt;-</em> <em class="rank-1">&gt;-</em> <em class="rank-1">&gt;&gt;-</em> <em class="rank-1">&lt;-&gt;</em> <em class="rank-1">&lt;--&gt;</em> <em class="rank-1">&lt;---&gt;</em> <em class="rank-1">&lt;----&gt;</em> <em class="rank-1">&lt;!--</em></pre>
<pre><em class="rank-1">=&lt;&lt;</em> <em class="rank-1">=&lt;</em> <em class="rank-1">=&lt;=</em> <em class="rank-1">&lt;==</em> <em class="rank-1">&lt;===</em> <em class="rank-1">&lt;&lt;=</em> <em class="rank-1">&lt;=</em> <em class="rank-1">=&gt;</em> <em class="rank-1">=&gt;&gt;</em> <em class="rank-1">==&gt;</em> <em class="rank-1">===&gt;</em> <em class="rank-1">=&gt;=</em> <em class="rank-1">&gt;=</em> <em class="rank-1">&gt;&gt;=</em> <em class="rank-1">&lt;=&gt;</em> <em class="rank-1">&lt;==&gt;</em> <em class="rank-1">&lt;===&gt;</em> <em class="rank-1">&lt;====&gt;</em> <em class="rank-1">&lt;!---</em></pre>
<pre><em class="rank-1">&lt;------</em> <em class="rank-1">------&gt;</em> <em class="rank-1">&lt;=====&gt;</em> <em class="rank-1">&lt;~~</em> <em class="rank-1">&lt;~</em> <em class="rank-1">~&gt;</em> <em class="rank-1">~~&gt;</em> <em class="rank-1">::</em> <em class="rank-1">:::</em> <em class="rank-1">\/</em> <em class="rank-1">/\</em> <em class="rank-1">==</em> <em class="rank-1">!=</em> <s>/=</s> <s>~=</s> <em class="rank-1">&lt;&gt;</em> <em class="rank-1">===</em> <em class="rank-1">!==</em> <s>=/=</s> <s>=!=</s></pre>
<pre><em class="rank-1">:=</em> <em class="rank-1">:-</em> <em class="rank-1">:+</em> <em class="rank-1">&lt;*</em> <em class="rank-1">&lt;*&gt;</em> <em class="rank-1">*&gt;</em> <em class="rank-1">&lt;|</em> <em class="rank-1">&lt;|&gt;</em> <em class="rank-1">|&gt;</em> <em class="rank-1">&lt;.</em> <em class="rank-1">&lt;.&gt;</em> <em class="rank-1">.&gt;</em> <em class="rank-1">+:</em> <em class="rank-1">-:</em> <em class="rank-1">=:</em> <em class="rank-1">&lt;******&gt;</em> <em class="rank-1">(* comm *)</em> <em class="rank-1">++</em> <em class="rank-1">+++</em> <em class="rank-1">|-</em> <em class="rank-1">-|</em></pre>
</td>
</tr>
<tr class="note">
<td>CLIK, JSPT, PHPX</td>
<td>C-Like, JavaScript, PHP</td>
</tr>
<tr>
<td colspan="2" style="font-feature-settings: 'calt' off, 'CLIK' on">
<pre><s>-&lt;&lt;</s> <s>-&lt;</s> <s>-&lt;-</s> <em class="rank-1">&lt;--</em> <em class="rank-1">&lt;---</em> <em class="rank-1">&lt;&lt;-</em> <em class="rank-1">&lt;-</em> <em class="rank-1">-&gt;</em> <em class="rank-1">-&gt;&gt;</em> <em class="rank-1">--&gt;</em> <em class="rank-1">---&gt;</em> <s>-&gt;-</s> <s>&gt;-</s> <s>&gt;&gt;-</s> <em class="rank-1">&lt;-&gt;</em> <em class="rank-1">&lt;--&gt;</em> <em class="rank-1">&lt;---&gt;</em> <em class="rank-1">&lt;----&gt;</em> <em class="rank-1">&lt;!--</em></pre>
<pre><s>=&lt;&lt;</s> <s>=&lt;</s> <s>=&lt;=</s> <em class="rank-1">&lt;==</em> <em class="rank-1">&lt;===</em> <em class="rank-2">&lt;&lt;=</em> <em class="rank-1">&lt;=</em> <em class="rank-1">=&gt;</em> <em class="rank-1">=&gt;&gt;</em> <em class="rank-1">==&gt;</em> <em class="rank-1">===&gt;</em> <s>=&gt;=</s> <em class="rank-1">&gt;=</em> <em class="rank-2">&gt;&gt;=</em> <em class="rank-1">&lt;=&gt;</em> <em class="rank-1">&lt;==&gt;</em> <em class="rank-1">&lt;===&gt;</em> <em class="rank-1">&lt;====&gt;</em> <em class="rank-1">&lt;!---</em></pre>
<pre><em class="rank-1">&lt;------</em> <em class="rank-1">------&gt;</em> <em class="rank-1">&lt;=====&gt;</em> <em class="rank-1">&lt;~~</em> <em class="rank-1">&lt;~</em> <em class="rank-1">~&gt;</em> <em class="rank-1">~~&gt;</em> <em class="rank-1">::</em> <em class="rank-1">:::</em> <s>\/</s> <s>/\</s> <em class="rank-1">==</em> <em class="rank-1">!=</em> <s>/=</s> <s>~=</s> <s>&lt;&gt;</s> <em class="rank-2">===</em> <em class="rank-2">!==</em> <s>=/=</s> <s>=!=</s></pre>
<pre><em class="rank-1">:=</em> <em class="rank-1">:-</em> <em class="rank-1">:+</em> <em class="rank-1">&lt;*</em> <em class="rank-1">&lt;*&gt;</em> <em class="rank-1">*&gt;</em> <em class="rank-1">&lt;|</em> <em class="rank-1">&lt;|&gt;</em> <em class="rank-1">|&gt;</em> <s>&lt;.</s> <s>&lt;.&gt;</s> <s>.&gt;</s> <em class="rank-1">+:</em> <em class="rank-1">-:</em> <em class="rank-1">=:</em> <em class="rank-1">&lt;******&gt;</em> <s>(* comm *)</s> <em class="rank-1">++</em> <em class="rank-1">+++</em> <s>|-</s> <s>-|</s></pre>
</td>
</tr>
<tr class="note">
<td>MLXX, FSHP</td>
<td>ML, F#</td>
</tr>
<tr>
<td colspan="2" style="font-feature-settings: 'calt' off, 'MLXX' on">
<pre><s>-&lt;&lt;</s> <s>-&lt;</s> <s>-&lt;-</s> <em class="rank-1">&lt;--</em> <em class="rank-1">&lt;---</em> <em class="rank-1">&lt;&lt;-</em> <em class="rank-1">&lt;-</em> <em class="rank-1">-&gt;</em> <em class="rank-1">-&gt;&gt;</em> <em class="rank-1">--&gt;</em> <em class="rank-1">---&gt;</em> <s>-&gt;-</s> <s>&gt;-</s> <s>&gt;&gt;-</s> <em class="rank-1">&lt;-&gt;</em> <em class="rank-1">&lt;--&gt;</em> <em class="rank-1">&lt;---&gt;</em> <em class="rank-1">&lt;----&gt;</em> <s>&lt;!--</s></pre>
<pre><s>=&lt;&lt;</s> <s>=&lt;</s> <s>=&lt;=</s> <em class="rank-1">&lt;==</em> <em class="rank-1">&lt;===</em> <em class="rank-1">&lt;&lt;=</em> <em class="rank-1">&lt;=</em> <em class="rank-1">=&gt;</em> <em class="rank-1">=&gt;&gt;</em> <em class="rank-1">==&gt;</em> <em class="rank-1">===&gt;</em> <s>=&gt;=</s> <em class="rank-1">&gt;=</em> <s>&gt;&gt;=</s> <em class="rank-1">&lt;=&gt;</em> <em class="rank-1">&lt;==&gt;</em> <em class="rank-1">&lt;===&gt;</em> <em class="rank-1">&lt;====&gt;</em> <s>&lt;!---</s></pre>
<pre><em class="rank-1">&lt;------</em> <em class="rank-1">------&gt;</em> <em class="rank-1">&lt;=====&gt;</em> <em class="rank-1">&lt;~~</em> <em class="rank-1">&lt;~</em> <em class="rank-1">~&gt;</em> <em class="rank-1">~~&gt;</em> <s>::</s> <s>:::</s> <em class="rank-1">\/</em> <em class="rank-1">/\</em> <em class="rank-1">==</em> <s>!=</s> <s>/=</s> <s>~=</s> <em class="rank-2">&lt;&gt;</em> <em class="rank-1">===</em> <s>!==</s> <s>=/=</s> <s>=!=</s></pre>
<pre><em class="rank-1">:=</em> <em class="rank-1">:-</em> <em class="rank-1">:+</em> <em class="rank-1">&lt;*</em> <em class="rank-1">&lt;*&gt;</em> <em class="rank-1">*&gt;</em> <em class="rank-1">&lt;|</em> <em class="rank-1">&lt;|&gt;</em> <em class="rank-1">|&gt;</em> <s>&lt;.</s> <s>&lt;.&gt;</s> <s>.&gt;</s> <em class="rank-1">+:</em> <em class="rank-1">-:</em> <em class="rank-1">=:</em> <em class="rank-1">&lt;******&gt;</em> <em class="rank-1">(* comm *)</em> <em class="rank-1">++</em> <em class="rank-1">+++</em> <em class="rank-1">|-</em> <em class="rank-1">-|</em></pre>
</td>
</tr>
<tr class="note">
<td>FSTA</td>
<td>F*</td>
</tr>
<tr>
<td colspan="2" style="font-feature-settings: 'calt' off, 'FSTA' on">
<pre><s>-&lt;&lt;</s> <s>-&lt;</s> <s>-&lt;-</s> <em class="rank-1">&lt;--</em> <em class="rank-1">&lt;---</em> <em class="rank-1">&lt;&lt;-</em> <em class="rank-1">&lt;-</em> <em class="rank-1">-&gt;</em> <em class="rank-1">-&gt;&gt;</em> <em class="rank-1">--&gt;</em> <em class="rank-1">---&gt;</em> <s>-&gt;-</s> <s>&gt;-</s> <s>&gt;&gt;-</s> <em class="rank-1">&lt;-&gt;</em> <em class="rank-1">&lt;--&gt;</em> <em class="rank-1">&lt;---&gt;</em> <em class="rank-1">&lt;----&gt;</em> <s>&lt;!--</s></pre>
<pre><s>=&lt;&lt;</s> <s>=&lt;</s> <s>=&lt;=</s> <em class="rank-1">&lt;==</em> <em class="rank-1">&lt;===</em> <em class="rank-1">&lt;&lt;=</em> <em class="rank-1">&lt;=</em> <em class="rank-1">=&gt;</em> <em class="rank-1">=&gt;&gt;</em> <em class="rank-1">==&gt;</em> <em class="rank-1">===&gt;</em> <s>=&gt;=</s> <em class="rank-1">&gt;=</em> <s>&gt;&gt;=</s> <em class="rank-1">&lt;=&gt;</em> <em class="rank-1">&lt;==&gt;</em> <em class="rank-1">&lt;===&gt;</em> <em class="rank-1">&lt;====&gt;</em> <s>&lt;!---</s></pre>
<pre><em class="rank-1">&lt;------</em> <em class="rank-1">------&gt;</em> <em class="rank-1">&lt;=====&gt;</em> <em class="rank-1">&lt;~~</em> <em class="rank-1">&lt;~</em> <em class="rank-1">~&gt;</em> <em class="rank-1">~~&gt;</em> <s>::</s> <s>:::</s> <em class="rank-1">\/</em> <em class="rank-1">/\</em> <s>==</s> <s>!=</s> <s>/=</s> <s>~=</s> <s>&lt;&gt;</s> <em class="rank-2">===</em> <s>!==</s> <s>=/=</s> <em class="rank-2">=!=</em></pre>
<pre><em class="rank-1">:=</em> <em class="rank-1">:-</em> <em class="rank-1">:+</em> <em class="rank-1">&lt;*</em> <em class="rank-1">&lt;*&gt;</em> <em class="rank-1">*&gt;</em> <em class="rank-1">&lt;|</em> <em class="rank-1">&lt;|&gt;</em> <em class="rank-1">|&gt;</em> <s>&lt;.</s> <s>&lt;.&gt;</s> <s>.&gt;</s> <em class="rank-1">+:</em> <em class="rank-1">-:</em> <em class="rank-1">=:</em> <em class="rank-1">&lt;******&gt;</em> <em class="rank-1">(* comm *)</em> <em class="rank-1">++</em> <em class="rank-1">+++</em> <em class="rank-1">|-</em> <em class="rank-1">-|</em></pre>
</td>
</tr>
<tr class="note">
<td>HSKL, IDRS, ELMX, PURS</td>
<td>Haskell, Idris, Elm, PureScript</td>
</tr>
<tr>
<td colspan="2" style="font-feature-settings: 'calt' off, 'HSKL' on">
<pre><em class="rank-1">-&lt;&lt;</em> <em class="rank-1">-&lt;</em> <em class="rank-1">-&lt;-</em> <em class="rank-1">&lt;--</em> <em class="rank-1">&lt;---</em> <em class="rank-1">&lt;&lt;-</em> <em class="rank-1">&lt;-</em> <em class="rank-1">-&gt;</em> <em class="rank-1">-&gt;&gt;</em> <em class="rank-1">--&gt;</em> <em class="rank-1">---&gt;</em> <em class="rank-1">-&gt;-</em> <em class="rank-1">&gt;-</em> <em class="rank-1">&gt;&gt;-</em> <em class="rank-1">&lt;-&gt;</em> <em class="rank-1">&lt;--&gt;</em> <em class="rank-1">&lt;---&gt;</em> <em class="rank-1">&lt;----&gt;</em> <s>&lt;!--</s></pre>
<pre><em class="rank-1">=&lt;&lt;</em> <em class="rank-1">=&lt;</em> <em class="rank-1">=&lt;=</em> <em class="rank-1">&lt;==</em> <em class="rank-1">&lt;===</em> <em class="rank-1">&lt;&lt;=</em> <em class="rank-1">&lt;=</em> <em class="rank-1">=&gt;</em> <em class="rank-1">=&gt;&gt;</em> <em class="rank-1">==&gt;</em> <em class="rank-1">===&gt;</em> <em class="rank-1">=&gt;=</em> <em class="rank-1">&gt;=</em> <em class="rank-1">&gt;&gt;=</em> <em class="rank-1">&lt;=&gt;</em> <em class="rank-1">&lt;==&gt;</em> <em class="rank-1">&lt;===&gt;</em> <em class="rank-1">&lt;====&gt;</em> <s>&lt;!---</s></pre>
<pre><em class="rank-1">&lt;------</em> <em class="rank-1">------&gt;</em> <em class="rank-1">&lt;=====&gt;</em> <em class="rank-1">&lt;~~</em> <em class="rank-1">&lt;~</em> <em class="rank-1">~&gt;</em> <em class="rank-1">~~&gt;</em> <em class="rank-1">::</em> <em class="rank-1">:::</em> <em class="rank-1">\/</em> <em class="rank-1">/\</em> <em class="rank-1">==</em> <s>!=</s> <em class="rank-1">/=</em> <s>~=</s> <em class="rank-1">&lt;&gt;</em> <em class="rank-1">===</em> <s>!==</s> <em class="rank-1">=/=</em> <s>=!=</s></pre>
<pre><em class="rank-1">:=</em> <em class="rank-1">:-</em> <em class="rank-1">:+</em> <em class="rank-1">&lt;*</em> <em class="rank-1">&lt;*&gt;</em> <em class="rank-1">*&gt;</em> <em class="rank-1">&lt;|</em> <em class="rank-1">&lt;|&gt;</em> <em class="rank-1">|&gt;</em> <em class="rank-1">&lt;.</em> <em class="rank-1">&lt;.&gt;</em> <em class="rank-1">.&gt;</em> <em class="rank-1">+:</em> <em class="rank-1">-:</em> <em class="rank-1">=:</em> <em class="rank-1">&lt;******&gt;</em> <s>(* comm *)</s> <em class="rank-1">++</em> <em class="rank-1">+++</em> <em class="rank-1">|-</em> <em class="rank-1">-|</em></pre>
</td>
</tr>
<tr class="note">
<td>SWFT</td>
<td>Swift</td>
</tr>
<tr>
<td colspan="2" style="font-feature-settings: 'calt' off, 'SWFT' on">
<pre><em class="rank-1">-&lt;&lt;</em> <em class="rank-1">-&lt;</em> <em class="rank-1">-&lt;-</em> <em class="rank-1">&lt;--</em> <em class="rank-1">&lt;---</em> <em class="rank-1">&lt;&lt;-</em> <em class="rank-1">&lt;-</em> <em class="rank-1">-&gt;</em> <em class="rank-1">-&gt;&gt;</em> <em class="rank-1">--&gt;</em> <em class="rank-1">---&gt;</em> <em class="rank-1">-&gt;-</em> <em class="rank-1">&gt;-</em> <em class="rank-1">&gt;&gt;-</em> <em class="rank-1">&lt;-&gt;</em> <em class="rank-1">&lt;--&gt;</em> <em class="rank-1">&lt;---&gt;</em> <em class="rank-1">&lt;----&gt;</em> <s>&lt;!--</s></pre>
<pre><em class="rank-1">=&lt;&lt;</em> <em class="rank-1">=&lt;</em> <em class="rank-1">=&lt;=</em> <em class="rank-1">&lt;==</em> <em class="rank-1">&lt;===</em> <em class="rank-1">&lt;&lt;=</em> <em class="rank-1">&lt;=</em> <em class="rank-1">=&gt;</em> <em class="rank-1">=&gt;&gt;</em> <em class="rank-1">==&gt;</em> <em class="rank-1">===&gt;</em> <em class="rank-1">=&gt;=</em> <em class="rank-1">&gt;=</em> <em class="rank-1">&gt;&gt;=</em> <em class="rank-1">&lt;=&gt;</em> <em class="rank-1">&lt;==&gt;</em> <em class="rank-1">&lt;===&gt;</em> <em class="rank-1">&lt;====&gt;</em> <s>&lt;!---</s></pre>
<pre><em class="rank-1">&lt;------</em> <em class="rank-1">------&gt;</em> <em class="rank-1">&lt;=====&gt;</em> <em class="rank-1">&lt;~~</em> <em class="rank-1">&lt;~</em> <em class="rank-1">~&gt;</em> <em class="rank-1">~~&gt;</em> <s>::</s> <s>:::</s> <s>\/</s> <s>/\</s> <em class="rank-1">==</em> <em class="rank-1">!=</em> <s>/=</s> <s>~=</s> <em class="rank-1">&lt;&gt;</em> <em class="rank-1">===</em> <em class="rank-1">!==</em> <s>=/=</s> <s>=!=</s></pre>
<pre><em class="rank-1">:=</em> <em class="rank-1">:-</em> <em class="rank-1">:+</em> <em class="rank-1">&lt;*</em> <em class="rank-1">&lt;*&gt;</em> <em class="rank-1">*&gt;</em> <em class="rank-1">&lt;|</em> <em class="rank-1">&lt;|&gt;</em> <em class="rank-1">|&gt;</em> <s>&lt;.</s> <s>&lt;.&gt;</s> <s>.&gt;</s> <em class="rank-1">+:</em> <em class="rank-1">-:</em> <em class="rank-1">=:</em> <em class="rank-1">&lt;******&gt;</em> <s>(* comm *)</s> <em class="rank-1">++</em> <em class="rank-1">+++</em> <s>|-</s> <s>-|</s></pre>
</td>
</tr>
<tr class="note">
<td>COQX</td>
<td>Coq</td>
</tr>
<tr>
<td colspan="2" style="font-feature-settings: 'calt' off, 'COQX' on">
<pre><em class="rank-1">-&lt;&lt;</em> <em class="rank-1">-&lt;</em> <em class="rank-1">-&lt;-</em> <em class="rank-1">&lt;--</em> <em class="rank-1">&lt;---</em> <em class="rank-1">&lt;&lt;-</em> <em class="rank-1">&lt;-</em> <em class="rank-1">-&gt;</em> <em class="rank-1">-&gt;&gt;</em> <em class="rank-1">--&gt;</em> <em class="rank-1">---&gt;</em> <em class="rank-1">-&gt;-</em> <em class="rank-1">&gt;-</em> <em class="rank-1">&gt;&gt;-</em> <em class="rank-1">&lt;-&gt;</em> <em class="rank-1">&lt;--&gt;</em> <em class="rank-1">&lt;---&gt;</em> <em class="rank-1">&lt;----&gt;</em> <s>&lt;!--</s></pre>
<pre><em class="rank-1">=&lt;&lt;</em> <em class="rank-1">=&lt;</em> <em class="rank-1">=&lt;=</em> <em class="rank-1">&lt;==</em> <em class="rank-1">&lt;===</em> <em class="rank-1">&lt;&lt;=</em> <em class="rank-1">&lt;=</em> <em class="rank-1">=&gt;</em> <em class="rank-1">=&gt;&gt;</em> <em class="rank-1">==&gt;</em> <em class="rank-1">===&gt;</em> <em class="rank-1">=&gt;=</em> <em class="rank-1">&gt;=</em> <em class="rank-1">&gt;&gt;=</em> <em class="rank-1">&lt;=&gt;</em> <em class="rank-1">&lt;==&gt;</em> <em class="rank-1">&lt;===&gt;</em> <em class="rank-1">&lt;====&gt;</em> <s>&lt;!---</s></pre>
<pre><em class="rank-1">&lt;------</em> <em class="rank-1">------&gt;</em> <em class="rank-1">&lt;=====&gt;</em> <em class="rank-1">&lt;~~</em> <em class="rank-1">&lt;~</em> <em class="rank-1">~&gt;</em> <em class="rank-1">~~&gt;</em> <s>::</s> <s>:::</s> <em class="rank-1">\/</em> <em class="rank-1">/\</em> <em class="rank-1">==</em> <s>!=</s> <s>/=</s> <s>~=</s> <em class="rank-2">&lt;&gt;</em> <em class="rank-1">===</em> <s>!==</s> <s>=/=</s> <s>=!=</s></pre>
<pre><em class="rank-1">:=</em> <em class="rank-1">:-</em> <em class="rank-1">:+</em> <em class="rank-1">&lt;*</em> <em class="rank-1">&lt;*&gt;</em> <em class="rank-1">*&gt;</em> <em class="rank-1">&lt;|</em> <em class="rank-1">&lt;|&gt;</em> <em class="rank-1">|&gt;</em> <em class="rank-1">&lt;.</em> <em class="rank-1">&lt;.&gt;</em> <em class="rank-1">.&gt;</em> <em class="rank-1">+:</em> <em class="rank-1">-:</em> <em class="rank-1">=:</em> <em class="rank-1">&lt;******&gt;</em> <em class="rank-1">(* comm *)</em> <em class="rank-1">++</em> <em class="rank-1">+++</em> <em class="rank-1">|-</em> <em class="rank-1">-|</em></pre>
</td>
</tr>
<tr class="note">
<td>MTLB</td>
<td>Matlab</td>
</tr>
<tr>
<td colspan="2" style="font-feature-settings: 'calt' off, 'MTLB' on">
<pre><s>-&lt;&lt;</s> <s>-&lt;</s> <s>-&lt;-</s> <em class="rank-1">&lt;--</em> <em class="rank-1">&lt;---</em> <em class="rank-1">&lt;&lt;-</em> <em class="rank-1">&lt;-</em> <em class="rank-1">-&gt;</em> <em class="rank-1">-&gt;&gt;</em> <em class="rank-1">--&gt;</em> <em class="rank-1">---&gt;</em> <s>-&gt;-</s> <s>&gt;-</s> <s>&gt;&gt;-</s> <em class="rank-1">&lt;-&gt;</em> <em class="rank-1">&lt;--&gt;</em> <em class="rank-1">&lt;---&gt;</em> <em class="rank-1">&lt;----&gt;</em> <em class="rank-1">&lt;!--</em></pre>
<pre><s>=&lt;&lt;</s> <s>=&lt;</s> <s>=&lt;=</s> <em class="rank-1">&lt;==</em> <em class="rank-1">&lt;===</em> <em class="rank-1">&lt;&lt;=</em> <em class="rank-1">&lt;=</em> <em class="rank-1">=&gt;</em> <em class="rank-1">=&gt;&gt;</em> <em class="rank-1">==&gt;</em> <em class="rank-1">===&gt;</em> <s>=&gt;=</s> <em class="rank-1">&gt;=</em> <s>&gt;&gt;=</s> <em class="rank-1">&lt;=&gt;</em> <em class="rank-1">&lt;==&gt;</em> <em class="rank-1">&lt;===&gt;</em> <em class="rank-1">&lt;====&gt;</em> <em class="rank-1">&lt;!---</em></pre>
<pre><em class="rank-1">&lt;------</em> <em class="rank-1">------&gt;</em> <em class="rank-1">&lt;=====&gt;</em> <em class="rank-1">&lt;~~</em> <em class="rank-1">&lt;~</em> <em class="rank-1">~&gt;</em> <em class="rank-1">~~&gt;</em> <em class="rank-1">::</em> <em class="rank-1">:::</em> <s>\/</s> <s>/\</s> <em class="rank-1">==</em> <s>!=</s> <s>/=</s> <em class="rank-1">~=</em> <s>&lt;&gt;</s> <em class="rank-1">===</em> <s>!==</s> <s>=/=</s> <s>=!=</s></pre>
<pre><em class="rank-1">:=</em> <em class="rank-1">:-</em> <em class="rank-1">:+</em> <em class="rank-1">&lt;*</em> <em class="rank-1">&lt;*&gt;</em> <em class="rank-1">*&gt;</em> <em class="rank-1">&lt;|</em> <em class="rank-1">&lt;|&gt;</em> <em class="rank-1">|&gt;</em> <s>&lt;.</s> <s>&lt;.&gt;</s> <s>.&gt;</s> <em class="rank-1">+:</em> <em class="rank-1">-:</em> <em class="rank-1">=:</em> <em class="rank-1">&lt;******&gt;</em> <s>(* comm *)</s> <em class="rank-1">++</em> <em class="rank-1">+++</em> <s>|-</s> <s>-|</s></pre>
</td>
</tr>
</tbody>
</table>
</section><section id="matrix">
<div class="sans">
<row class="upright">
<span class="wght-100">Mag</span><span class="wght-200">Mag</span><span class="wght-300">Mag</span><span class="wght-400">Mag</span><span class="wght-500">Mag</span><span class="wght-600">Mag</span><span class="wght-700">Mag</span><span class="wght-800">Mag</span><span class="wght-900">Mag</span> </row>
<row class="italic">
<span class="wght-100">Mag</span><span class="wght-200">Mag</span><span class="wght-300">Mag</span><span class="wght-400">Mag</span><span class="wght-500">Mag</span><span class="wght-600">Mag</span><span class="wght-700">Mag</span><span class="wght-800">Mag</span><span class="wght-900">Mag</span> </row>
<row class="oblique">
<span class="wght-100">Mag</span><span class="wght-200">Mag</span><span class="wght-300">Mag</span><span class="wght-400">Mag</span><span class="wght-500">Mag</span><span class="wght-600">Mag</span><span class="wght-700">Mag</span><span class="wght-800">Mag</span><span class="wght-900">Mag</span> </row>
</div>
<div class="slab">
<row class="upright">
<span class="wght-100">Mag</span><span class="wght-200">Mag</span><span class="wght-300">Mag</span><span class="wght-400">Mag</span><span class="wght-500">Mag</span><span class="wght-600">Mag</span><span class="wght-700">Mag</span><span class="wght-800">Mag</span><span class="wght-900">Mag</span> </row>
<row class="italic">
<span class="wght-100">Mag</span><span class="wght-200">Mag</span><span class="wght-300">Mag</span><span class="wght-400">Mag</span><span class="wght-500">Mag</span><span class="wght-600">Mag</span><span class="wght-700">Mag</span><span class="wght-800">Mag</span><span class="wght-900">Mag</span> </row>
<row class="oblique">
<span class="wght-100">Mag</span><span class="wght-200">Mag</span><span class="wght-300">Mag</span><span class="wght-400">Mag</span><span class="wght-500">Mag</span><span class="wght-600">Mag</span><span class="wght-700">Mag</span><span class="wght-800">Mag</span><span class="wght-900">Mag</span> </row>
</div>
</section><section id="packaging-sampler">
<p class="sample">@real fox.quick(h){ *is_brown && it_jumps_over(dogs.lazy) }<br/>0123456789 ABC.DEF.GHI.JKL.MNO.PQRS.TUV.WXYZ ß &lt;= ¶^$#% &gt;=</p>
</section>
<script src="index.js"></script>
</body>