---
layout: for_screenshot
title: Character Map Sample
---

<pre class="lang-text" style="font-size: 24px;"><code><span>Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm</span>
<span>Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz</span>
<span>1 2 3 4 5 6 7 8 9 0 . , : ; … ! ¡ ? ¿</span>
<span>· • * # ․ / ( ) { } [ ] - _ ‹ › " ' `</span></code>

<div style="display: flex">
<div><code class="lang-js" style="font-variant-ligatures: none; font-feature-settings: normal;">== ===  != !== =/=</code>
<code class="lang-js" style="font-variant-ligatures: none; font-feature-settings: normal;">&lt;= &gt;= &&  ?? || ++</code>
<code class="lang-js" style="font-variant-ligatures: none; font-feature-settings: normal;">=&gt; // /* */ /= /==</code>
<code class="lang-html" style="font-variant-ligatures: none; font-feature-settings: normal;">&lt;/ &lt;/&gt; /&gt; &lt;!-- --&gt;</code>
</div>
<div id="ligatures" style="font-variant-ligatures: auto;"><span style="opacity: .1">  |  </span><code class="lang-js">== ===  != !== =/=</code>
<span style="opacity: .1">  |  </span><code class="lang-js">&lt;= &gt;= &&  ?? || ++</code>
<span style="opacity: .1">  |  </span><code class="lang-js">=&gt; // /* */ /= /==</code>
<span style="opacity: .1">  |  </span><code class="lang-html">&lt;/ &lt;/&gt; /&gt; &lt;!-- --&gt;</code>
</div></div><div style="display: flex">
<div style="margin-right: 1rem;">
Ones
111
</div>
<div style="margin-right: 2rem;">
Lower "L"s
lll
</div>
<div style="opacity: .1; margin-right: 4rem;">
|
|
</div>
<div style="margin-right: 2rem;">
Zeros
000
</div>
<div>
Upper "O"s
OOO
</div>
</div><div style="display: flex">
All Together
L|l1iI0Oo____
</div>

</pre>
