Monoflow
License
Designed by Finaltype
const DecodeHtmlEntity = (string) => {
string.replace(/&#(d+);/</span>g, (match, dec) => <span class="hl_a">{</span>
<span class="hl_a">if</span> <span class="hl_c">(</span>match === <span class="hl_b">String</span><span class="hl_c">){</span>
<span class="hl_a">return</span> <span class="hl_b">String</span>.fromCharCode<span class="hl_d">(</span>dec<span class="hl_d">)</span>
<span class="hl_c">}</span>
<span class="hl_a">}</span><span class="hl_d">)</span>
<span class="hl_c">}</span>
</div>
<ul class="actions">
<li>
<a href="#send-to-jsfiddle" data-font-family="Monoflow" data-font-url="/font/coderfonts/monoflow/include.css" data-font-size="">
<svg viewBox="0 0 24 24" height="18" color="currentColor" fill="none">
<path d="M13 17L11.0714 12.5M3 17L4.92857 12.5M4.92857 12.5L7.02295 7.61311C7.21207 7.17183 7.54728 7 8 7C8.45272 7 8.78793 7.17183 8.97705 7.61311L11.0714 12.5M4.92857 12.5H11.0714" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
<path d="M16 3.00008C16.8333 2.99261 18 3.50003 18.5 4.50003M18.5 4.50003C19 3.50003 20.1667 3.00005 21 3.00008M18.5 4.50003L18.5 19.5M21 21C20.1667 21.0074 19 20.5 18.5 19.5M18.5 19.5C18 20.5 16.8333 21 16 21M20 12H17" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
</svg><span>Use in JSFiddle</span>
</a>
</li>
<li>
<a href="https://finaltype.de/en/projects/monoflow" target="_blank" data-tippy-simple-content="Get font license">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="18" color="currentColor" fill="none">
<path d="M11.1004 3.00208C7.4515 3.00864 5.54073 3.09822 4.31962 4.31931C3.00183 5.63706 3.00183 7.75796 3.00183 11.9997C3.00183 16.2415 3.00183 18.3624 4.31962 19.6801C5.6374 20.9979 7.75836 20.9979 12.0003 20.9979C16.2421 20.9979 18.3631 20.9979 19.6809 19.6801C20.902 18.4591 20.9916 16.5484 20.9982 12.8996" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
<path d="M20.4803 3.51751L14.931 9.0515M20.4803 3.51751C19.9863 3.023 16.6587 3.0691 15.9552 3.0791M20.4803 3.51751C20.9742 4.01202 20.9282 7.34329 20.9182 8.04754" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</a>
</li>
</ul>
</div>
<div class="fontSpecimen " data-font-url="https://fonts.googleapis.com/css2?family=Fira+Code&display=swap" data-font-family="Fira Code">
<h3>
Fira Code
<span>Designed by <a target='_blank' href='https://mozilla.github.io/Fira/'>Nikita Prokopov (for Mozilla)</a></span>
</h3>
<div class="code"><span class="hl_a">const</span> <span class="hl_b">DecodeHtmlEntity</span> = <span class="hl_c">(</span>string<span class="hl_c">)</span> => <span class="hl_c">{</span>
string.replace<span class="hl_d">(</span><span class="hl_e">/&#(d+);/</span>g, (match, dec) => <span class="hl_a">{</span>
<span class="hl_a">if</span> <span class="hl_c">(</span>match === <span class="hl_b">String</span><span class="hl_c">){</span>
<span class="hl_a">return</span> <span class="hl_b">String</span>.fromCharCode<span class="hl_d">(</span>dec<span class="hl_d">)</span>
<span class="hl_c">}</span>
<span class="hl_a">}</span><span class="hl_d">)</span>
<span class="hl_c">}</span>
</div>
<ul class="actions">
<li>
<a href="#send-to-jsfiddle" data-font-family="Fira Code" data-font-url="https://fonts.googleapis.com/css2?family=Fira+Code&display=swap" data-font-size="12">
<svg viewBox="0 0 24 24" height="18" color="currentColor" fill="none">
<path d="M13 17L11.0714 12.5M3 17L4.92857 12.5M4.92857 12.5L7.02295 7.61311C7.21207 7.17183 7.54728 7 8 7C8.45272 7 8.78793 7.17183 8.97705 7.61311L11.0714 12.5M4.92857 12.5H11.0714" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
<path d="M16 3.00008C16.8333 2.99261 18 3.50003 18.5 4.50003M18.5 4.50003C19 3.50003 20.1667 3.00005 21 3.00008M18.5 4.50003L18.5 19.5M21 21C20.1667 21.0074 19 20.5 18.5 19.5M18.5 19.5C18 20.5 16.8333 21 16 21M20 12H17" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
</svg><span>Use in JSFiddle</span>
</a>
</li>
<li>
<a href="https://api.fontsource.org/v1/download/fira-code" download data-tippy-simple-content="Download">
<svg viewBox="0 0 24 24" height="18" color="currentColor" fill="none">
<path d="M2.99969 17.0002C2.99969 17.9302 2.99969 18.3952 3.10192 18.7767C3.37932 19.8119 4.18796 20.6206 5.22324 20.898C5.60474 21.0002 6.06972 21.0002 6.99969 21.0002L16.9997 21.0002C17.9297 21.0002 18.3947 21.0002 18.7762 20.898C19.8114 20.6206 20.6201 19.8119 20.8975 18.7767C20.9997 18.3952 20.9997 17.9302 20.9997 17.0002" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M16.4998 11.5002C16.4998 11.5002 13.1856 16.0002 11.9997 16.0002C10.8139 16.0002 7.49976 11.5002 7.49976 11.5002M11.9997 15.0002V3.00016" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
</li>
</ul>
</div>
<div class="fontSpecimen " data-font-url="https://fonts.googleapis.com/css2?family=Source+Code+Pro&display=swap" data-font-family="Source Code Pro">
<h3>
Source Code Pro
<span>Designed by <a target='_blank' href='https://fonts.google.com/specimen/Source+Code+Pro'>Paul D. Hunt (Adobe)</a></span>
</h3>
<div class="code"><span class="hl_a">const</span> <span class="hl_b">DecodeHtmlEntity</span> = <span class="hl_c">(</span>string<span class="hl_c">)</span> => <span class="hl_c">{</span>
string.replace<span class="hl_d">(</span><span class="hl_e">/&#(d+);/</span>g, (match, dec) => <span class="hl_a">{</span>
<span class="hl_a">if</span> <span class="hl_c">(</span>match === <span class="hl_b">String</span><span class="hl_c">){</span>
<span class="hl_a">return</span> <span class="hl_b">String</span>.fromCharCode<span class="hl_d">(</span>dec<span class="hl_d">)</span>
<span class="hl_c">}</span>
<span class="hl_a">}</span><span class="hl_d">)</span>
<span class="hl_c">}</span>
</div>
<ul class="actions">
<li>
<a href="#send-to-jsfiddle" data-font-family="Source Code Pro" data-font-url="https://fonts.googleapis.com/css2?family=Source+Code+Pro&display=swap" data-font-size="13">
<svg viewBox="0 0 24 24" height="18" color="currentColor" fill="none">
<path d="M13 17L11.0714 12.5M3 17L4.92857 12.5M4.92857 12.5L7.02295 7.61311C7.21207 7.17183 7.54728 7 8 7C8.45272 7 8.78793 7.17183 8.97705 7.61311L11.0714 12.5M4.92857 12.5H11.0714" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
<path d="M16 3.00008C16.8333 2.99261 18 3.50003 18.5 4.50003M18.5 4.50003C19 3.50003 20.1667 3.00005 21 3.00008M18.5 4.50003L18.5 19.5M21 21C20.1667 21.0074 19 20.5 18.5 19.5M18.5 19.5C18 20.5 16.8333 21 16 21M20 12H17" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
</svg><span>Use in JSFiddle</span>
</a>
</li>
<li>
<a href="https://api.fontsource.org/v1/download/source-code-pro" download data-tippy-simple-content="Download">
<svg viewBox="0 0 24 24" height="18" color="currentColor" fill="none">
<path d="M2.99969 17.0002C2.99969 17.9302 2.99969 18.3952 3.10192 18.7767C3.37932 19.8119 4.18796 20.6206 5.22324 20.898C5.60474 21.0002 6.06972 21.0002 6.99969 21.0002L16.9997 21.0002C17.9297 21.0002 18.3947 21.0002 18.7762 20.898C19.8114 20.6206 20.6201 19.8119 20.8975 18.7767C20.9997 18.3952 20.9997 17.9302 20.9997 17.0002" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M16.4998 11.5002C16.4998 11.5002 13.1856 16.0002 11.9997 16.0002C10.8139 16.0002 7.49976 11.5002 7.49976 11.5002M11.9997 15.0002V3.00016" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
</li>
</ul>
</div>
<div class="fontSpecimen " data-font-url="/font/coderfonts/array/include.css" data-font-family="Array">
<h3>
Array
<strong class="paid">License</strong>
<span>Designed by <a target='_blank' href='https://jtdtype.com/'>James Hultquist-Todd</a></span>
</h3>
<div class="code"><span class="hl_a">const</span> <span class="hl_b">DecodeHtmlEntity</span> = <span class="hl_c">(</span>string<span class="hl_c">)</span> => <span class="hl_c">{</span>
string.replace<span class="hl_d">(</span><span class="hl_e">/&#(d+);/</span>g, (match, dec) => <span class="hl_a">{</span>
<span class="hl_a">if</span> <span class="hl_c">(</span>match === <span class="hl_b">String</span><span class="hl_c">){</span>
<span class="hl_a">return</span> <span class="hl_b">String</span>.fromCharCode<span class="hl_d">(</span>dec<span class="hl_d">)</span>
<span class="hl_c">}</span>
<span class="hl_a">}</span><span class="hl_d">)</span>
<span class="hl_c">}</span>
</div>
<ul class="actions">
<li>
<a href="#send-to-jsfiddle" data-font-family="Array" data-font-url="/font/coderfonts/array/include.css" data-font-size="">
<svg viewBox="0 0 24 24" height="18" color="currentColor" fill="none">
<path d="M13 17L11.0714 12.5M3 17L4.92857 12.5M4.92857 12.5L7.02295 7.61311C7.21207 7.17183 7.54728 7 8 7C8.45272 7 8.78793 7.17183 8.97705 7.61311L11.0714 12.5M4.92857 12.5H11.0714" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
<path d="M16 3.00008C16.8333 2.99261 18 3.50003 18.5 4.50003M18.5 4.50003C19 3.50003 20.1667 3.00005 21 3.00008M18.5 4.50003L18.5 19.5M21 21C20.1667 21.0074 19 20.5 18.5 19.5M18.5 19.5C18 20.5 16.8333 21 16 21M20 12H17" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
</svg><span>Use in JSFiddle</span>
</a>
</li>
<li>
<a href="https://jtdtype.com/typeface/Array" target="_blank" data-tippy-simple-content="Get font license">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="18" color="currentColor" fill="none">
<path d="M11.1004 3.00208C7.4515 3.00864 5.54073 3.09822 4.31962 4.31931C3.00183 5.63706 3.00183 7.75796 3.00183 11.9997C3.00183 16.2415 3.00183 18.3624 4.31962 19.6801C5.6374 20.9979 7.75836 20.9979 12.0003 20.9979C16.2421 20.9979 18.3631 20.9979 19.6809 19.6801C20.902 18.4591 20.9916 16.5484 20.9982 12.8996" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
<path d="M20.4803 3.51751L14.931 9.0515M20.4803 3.51751C19.9863 3.023 16.6587 3.0691 15.9552 3.0791M20.4803 3.51751C20.9742 4.01202 20.9282 7.34329 20.9182 8.04754" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</a>
</li>
</ul>
</div>
<div class="fontSpecimen " data-font-url="https://cdn.jsdelivr.net/npm/hack-font@3/build/web/hack.css" data-font-family="Hack">
<h3>
Hack
<span>Designed by <a target='_blank' href='https://sourcefoundry.org/hack/'>Chris Simpkins / Source Foundry</a></span>
</h3>
<div class="code"><span class="hl_a">const</span> <span class="hl_b">DecodeHtmlEntity</span> = <span class="hl_c">(</span>string<span class="hl_c">)</span> => <span class="hl_c">{</span>
string.replace<span class="hl_d">(</span><span class="hl_e">/&#(d+);/</span>g, (match, dec) => <span class="hl_a">{</span>
<span class="hl_a">if</span> <span class="hl_c">(</span>match === <span class="hl_b">String</span><span class="hl_c">){</span>
<span class="hl_a">return</span> <span class="hl_b">String</span>.fromCharCode<span class="hl_d">(</span>dec<span class="hl_d">)</span>
<span class="hl_c">}</span>
<span class="hl_a">}</span><span class="hl_d">)</span>
<span class="hl_c">}</span>
</div>
<ul class="actions">
<li>
<a href="#send-to-jsfiddle" data-font-family="Hack" data-font-url="https://cdn.jsdelivr.net/npm/hack-font@3/build/web/hack.css" data-font-size="12">
<svg viewBox="0 0 24 24" height="18" color="currentColor" fill="none">
<path d="M13 17L11.0714 12.5M3 17L4.92857 12.5M4.92857 12.5L7.02295 7.61311C7.21207 7.17183 7.54728 7 8 7C8.45272 7 8.78793 7.17183 8.97705 7.61311L11.0714 12.5M4.92857 12.5H11.0714" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
<path d="M16 3.00008C16.8333 2.99261 18 3.50003 18.5 4.50003M18.5 4.50003C19 3.50003 20.1667 3.00005 21 3.00008M18.5 4.50003L18.5 19.5M21 21C20.1667 21.0074 19 20.5 18.5 19.5M18.5 19.5C18 20.5 16.8333 21 16 21M20 12H17" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
</svg><span>Use in JSFiddle</span>
</a>
</li>
<li>
<a href="https://github.com/source-foundry/Hack/releases/latest/download/Hack-ttf.zip" download data-tippy-simple-content="Download">
<svg viewBox="0 0 24 24" height="18" color="currentColor" fill="none">
<path d="M2.99969 17.0002C2.99969 17.9302 2.99969 18.3952 3.10192 18.7767C3.37932 19.8119 4.18796 20.6206 5.22324 20.898C5.60474 21.0002 6.06972 21.0002 6.99969 21.0002L16.9997 21.0002C17.9297 21.0002 18.3947 21.0002 18.7762 20.898C19.8114 20.6206 20.6201 19.8119 20.8975 18.7767C20.9997 18.3952 20.9997 17.9302 20.9997 17.0002" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M16.4998 11.5002C16.4998 11.5002 13.1856 16.0002 11.9997 16.0002C10.8139 16.0002 7.49976 11.5002 7.49976 11.5002M11.9997 15.0002V3.00016" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
</li>
</ul>
</div>
<div class="fontSpecimen " data-font-url="https://cdn.jsdelivr.net/npm/@fontsource/iosevka/index.css" data-font-family="Iosevka">
<h3>
Iosevka
<span>Designed by <a target='_blank' href='https://typeof.net/Iosevka/'>Belleve Invis</a></span>
</h3>
<div class="code"><span class="hl_a">const</span> <span class="hl_b">DecodeHtmlEntity</span> = <span class="hl_c">(</span>string<span class="hl_c">)</span> => <span class="hl_c">{</span>
string.replace<span class="hl_d">(</span><span class="hl_e">/&#(d+);/</span>g, (match, dec) => <span class="hl_a">{</span>
<span class="hl_a">if</span> <span class="hl_c">(</span>match === <span class="hl_b">String</span><span class="hl_c">){</span>
<span class="hl_a">return</span> <span class="hl_b">String</span>.fromCharCode<span class="hl_d">(</span>dec<span class="hl_d">)</span>
<span class="hl_c">}</span>
<span class="hl_a">}</span><span class="hl_d">)</span>
<span class="hl_c">}</span>
</div>
<ul class="actions">
<li>
<a href="#send-to-jsfiddle" data-font-family="Iosevka" data-font-url="https://cdn.jsdelivr.net/npm/@fontsource/iosevka/index.css" data-font-size="13">
<svg viewBox="0 0 24 24" height="18" color="currentColor" fill="none">
<path d="M13 17L11.0714 12.5M3 17L4.92857 12.5M4.92857 12.5L7.02295 7.61311C7.21207 7.17183 7.54728 7 8 7C8.45272 7 8.78793 7.17183 8.97705 7.61311L11.0714 12.5M4.92857 12.5H11.0714" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
<path d="M16 3.00008C16.8333 2.99261 18 3.50003 18.5 4.50003M18.5 4.50003C19 3.50003 20.1667 3.00005 21 3.00008M18.5 4.50003L18.5 19.5M21 21C20.1667 21.0074 19 20.5 18.5 19.5M18.5 19.5C18 20.5 16.8333 21 16 21M20 12H17" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
</svg><span>Use in JSFiddle</span>
</a>
</li>
<li>
<a href="https://api.fontsource.org/v1/download/iosevka" download data-tippy-simple-content="Download">
<svg viewBox="0 0 24 24" height="18" color="currentColor" fill="none">
<path d="M2.99969 17.0002C2.99969 17.9302 2.99969 18.3952 3.10192 18.7767C3.37932 19.8119 4.18796 20.6206 5.22324 20.898C5.60474 21.0002 6.06972 21.0002 6.99969 21.0002L16.9997 21.0002C17.9297 21.0002 18.3947 21.0002 18.7762 20.898C19.8114 20.6206 20.6201 19.8119 20.8975 18.7767C20.9997 18.3952 20.9997 17.9302 20.9997 17.0002" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M16.4998 11.5002C16.4998 11.5002 13.1856 16.0002 11.9997 16.0002C10.8139 16.0002 7.49976 11.5002 7.49976 11.5002M11.9997 15.0002V3.00016" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
</li>
</ul>
</div>
<div class="fontSpecimen " data-font-url="/font/coderfonts/azo/include.css" data-font-family="Azo Mono">
<h3>
Azo Mono
<strong class="paid">License</strong>
<span>Designed by <a target='_blank' href='https://www.r-typography.com/fonts/azo-mono'>Rui Abreu & Francisco Torres</a></span>
</h3>
<div class="code"><span class="hl_a">const</span> <span class="hl_b">DecodeHtmlEntity</span> = <span class="hl_c">(</span>string<span class="hl_c">)</span> => <span class="hl_c">{</span>
string.replace<span class="hl_d">(</span><span class="hl_e">/&#(d+);/</span>g, (match, dec) => <span class="hl_a">{</span>
<span class="hl_a">if</span> <span class="hl_c">(</span>match === <span class="hl_b">String</span><span class="hl_c">){</span>
<span class="hl_a">return</span> <span class="hl_b">String</span>.fromCharCode<span class="hl_d">(</span>dec<span class="hl_d">)</span>
<span class="hl_c">}</span>
<span class="hl_a">}</span><span class="hl_d">)</span>
<span class="hl_c">}</span>
</div>
<ul class="actions">
<li>
<a href="#send-to-jsfiddle" data-font-family="Azo Mono" data-font-url="/font/coderfonts/azo/include.css" data-font-size="13">
<svg viewBox="0 0 24 24" height="18" color="currentColor" fill="none">
<path d="M13 17L11.0714 12.5M3 17L4.92857 12.5M4.92857 12.5L7.02295 7.61311C7.21207 7.17183 7.54728 7 8 7C8.45272 7 8.78793 7.17183 8.97705 7.61311L11.0714 12.5M4.92857 12.5H11.0714" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
<path d="M16 3.00008C16.8333 2.99261 18 3.50003 18.5 4.50003M18.5 4.50003C19 3.50003 20.1667 3.00005 21 3.00008M18.5 4.50003L18.5 19.5M21 21C20.1667 21.0074 19 20.5 18.5 19.5M18.5 19.5C18 20.5 16.8333 21 16 21M20 12H17" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
</svg><span>Use in JSFiddle</span>
</a>
</li>
<li>
<a href="https://www.r-typography.com/fonts/azo-mono" target="_blank" data-tippy-simple-content="Get font license">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="18" color="currentColor" fill="none">
<path d="M11.1004 3.00208C7.4515 3.00864 5.54073 3.09822 4.31962 4.31931C3.00183 5.63706 3.00183 7.75796 3.00183 11.9997C3.00183 16.2415 3.00183 18.3624 4.31962 19.6801C5.6374 20.9979 7.75836 20.9979 12.0003 20.9979C16.2421 20.9979 18.3631 20.9979 19.6809 19.6801C20.902 18.4591 20.9916 16.5484 20.9982 12.8996" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
<path d="M20.4803 3.51751L14.931 9.0515M20.4803 3.51751C19.9863 3.023 16.6587 3.0691 15.9552 3.0791M20.4803 3.51751C20.9742 4.01202 20.9282 7.34329 20.9182 8.04754" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</a>
</li>
</ul>
</div>
<div class="fontSpecimen " data-font-url="/font/coderfonts/cofo/include.css" data-font-family="CoFo Sans Mono">
<h3>
CoFo Sans Mono
<strong class="paid">License</strong>
<span>Designed by <a target='_blank' href='https://contrastfoundry.com'>Maria Doreuli, Krista Radoeva</a></span>
</h3>
<div class="code"><span class="hl_a">const</span> <span class="hl_b">DecodeHtmlEntity</span> = <span class="hl_c">(</span>string<span class="hl_c">)</span> => <span class="hl_c">{</span>
string.replace<span class="hl_d">(</span><span class="hl_e">/&#(d+);/</span>g, (match, dec) => <span class="hl_a">{</span>
<span class="hl_a">if</span> <span class="hl_c">(</span>match === <span class="hl_b">String</span><span class="hl_c">){</span>
<span class="hl_a">return</span> <span class="hl_b">String</span>.fromCharCode<span class="hl_d">(</span>dec<span class="hl_d">)</span>
<span class="hl_c">}</span>
<span class="hl_a">}</span><span class="hl_d">)</span>
<span class="hl_c">}</span>
</div>
<ul class="actions">
<li>
<a href="#send-to-jsfiddle" data-font-family="CoFo Sans Mono" data-font-url="/font/coderfonts/cofo/include.css" data-font-size="13">
<svg viewBox="0 0 24 24" height="18" color="currentColor" fill="none">
<path d="M13 17L11.0714 12.5M3 17L4.92857 12.5M4.92857 12.5L7.02295 7.61311C7.21207 7.17183 7.54728 7 8 7C8.45272 7 8.78793 7.17183 8.97705 7.61311L11.0714 12.5M4.92857 12.5H11.0714" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
<path d="M16 3.00008C16.8333 2.99261 18 3.50003 18.5 4.50003M18.5 4.50003C19 3.50003 20.1667 3.00005 21 3.00008M18.5 4.50003L18.5 19.5M21 21C20.1667 21.0074 19 20.5 18.5 19.5M18.5 19.5C18 20.5 16.8333 21 16 21M20 12H17" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
</svg><span>Use in JSFiddle</span>
</a>
</li>
<li>
<a href="https://contrastfoundry.com/typeface/cofo-sans-mono" target="_blank" data-tippy-simple-content="Get font license">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="18" color="currentColor" fill="none">
<path d="M11.1004 3.00208C7.4515 3.00864 5.54073 3.09822 4.31962 4.31931C3.00183 5.63706 3.00183 7.75796 3.00183 11.9997C3.00183 16.2415 3.00183 18.3624 4.31962 19.6801C5.6374 20.9979 7.75836 20.9979 12.0003 20.9979C16.2421 20.9979 18.3631 20.9979 19.6809 19.6801C20.902 18.4591 20.9916 16.5484 20.9982 12.8996" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
<path d="M20.4803 3.51751L14.931 9.0515M20.4803 3.51751C19.9863 3.023 16.6587 3.0691 15.9552 3.0791M20.4803 3.51751C20.9742 4.01202 20.9282 7.34329 20.9182 8.04754" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</a>
</li>
</ul>
</div>
<div class="fontSpecimen " data-font-url="https://cdn.jsdelivr.net/npm/@fontsource/monaspace-argon@5.2.5/index.min.css" data-font-family="Monaspace Argon">
<h3>
Monaspace Argon
<span>Designed by <a target='_blank' href='https://github.com/githubnext/monaspace'>GitHub Next</a></span>
</h3>
<div class="code"><span class="hl_a">const</span> <span class="hl_b">DecodeHtmlEntity</span> = <span class="hl_c">(</span>string<span class="hl_c">)</span> => <span class="hl_c">{</span>
string.replace<span class="hl_d">(</span><span class="hl_e">/&#(d+);/</span>g, (match, dec) => <span class="hl_a">{</span>
<span class="hl_a">if</span> <span class="hl_c">(</span>match === <span class="hl_b">String</span><span class="hl_c">){</span>
<span class="hl_a">return</span> <span class="hl_b">String</span>.fromCharCode<span class="hl_d">(</span>dec<span class="hl_d">)</span>
<span class="hl_c">}</span>
<span class="hl_a">}</span><span class="hl_d">)</span>
<span class="hl_c">}</span>
</div>
<ul class="actions">
<li>
<a href="#send-to-jsfiddle" data-font-family="Monaspace Argon" data-font-url="https://cdn.jsdelivr.net/npm/@fontsource/monaspace-argon@5.2.5/index.min.css" data-font-size="13">
<svg viewBox="0 0 24 24" height="18" color="currentColor" fill="none">
<path d="M13 17L11.0714 12.5M3 17L4.92857 12.5M4.92857 12.5L7.02295 7.61311C7.21207 7.17183 7.54728 7 8 7C8.45272 7 8.78793 7.17183 8.97705 7.61311L11.0714 12.5M4.92857 12.5H11.0714" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
<path d="M16 3.00008C16.8333 2.99261 18 3.50003 18.5 4.50003M18.5 4.50003C19 3.50003 20.1667 3.00005 21 3.00008M18.5 4.50003L18.5 19.5M21 21C20.1667 21.0074 19 20.5 18.5 19.5M18.5 19.5C18 20.5 16.8333 21 16 21M20 12H17" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
</svg><span>Use in JSFiddle</span>
</a>
</li>
<li>
<a href="https://api.fontsource.org/v1/download/monaspace-argon" download data-tippy-simple-content="Download">
<svg viewBox="0 0 24 24" height="18" color="currentColor" fill="none">
<path d="M2.99969 17.0002C2.99969 17.9302 2.99969 18.3952 3.10192 18.7767C3.37932 19.8119 4.18796 20.6206 5.22324 20.898C5.60474 21.0002 6.06972 21.0002 6.99969 21.0002L16.9997 21.0002C17.9297 21.0002 18.3947 21.0002 18.7762 20.898C19.8114 20.6206 20.6201 19.8119 20.8975 18.7767C20.9997 18.3952 20.9997 17.9302 20.9997 17.0002" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M16.4998 11.5002C16.4998 11.5002 13.1856 16.0002 11.9997 16.0002C10.8139 16.0002 7.49976 11.5002 7.49976 11.5002M11.9997 15.0002V3.00016" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
</li>
</ul>
</div>
<div class="fontSpecimen " data-font-url="https://cdn.jsdelivr.net/npm/@fontsource/monaspace-neon@5.2.5/index.min.css" data-font-family="Monaspace Neon">
<h3>
Monaspace Neon
<span>Designed by <a target='_blank' href='https://github.com/githubnext/monaspace'>GitHub Next</a></span>
</h3>
<div class="code"><span class="hl_a">const</span> <span class="hl_b">DecodeHtmlEntity</span> = <span class="hl_c">(</span>string<span class="hl_c">)</span> => <span class="hl_c">{</span>
string.replace<span class="hl_d">(</span><span class="hl_e">/&#(d+);/</span>g, (match, dec) => <span class="hl_a">{</span>
<span class="hl_a">if</span> <span class="hl_c">(</span>match === <span class="hl_b">String</span><span class="hl_c">){</span>
<span class="hl_a">return</span> <span class="hl_b">String</span>.fromCharCode<span class="hl_d">(</span>dec<span class="hl_d">)</span>
<span class="hl_c">}</span>
<span class="hl_a">}</span><span class="hl_d">)</span>
<span class="hl_c">}</span>
</div>
<ul class="actions">
<li>
<a href="#send-to-jsfiddle" data-font-family="Monaspace Neon" data-font-url="https://cdn.jsdelivr.net/npm/@fontsource/monaspace-neon@5.2.5/index.min.css" data-font-size="13">
<svg viewBox="0 0 24 24" height="18" color="currentColor" fill="none">
<path d="M13 17L11.0714 12.5M3 17L4.92857 12.5M4.92857 12.5L7.02295 7.61311C7.21207 7.17183 7.54728 7 8 7C8.45272 7 8.78793 7.17183 8.97705 7.61311L11.0714 12.5M4.92857 12.5H11.0714" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
<path d="M16 3.00008C16.8333 2.99261 18 3.50003 18.5 4.50003M18.5 4.50003C19 3.50003 20.1667 3.00005 21 3.00008M18.5 4.50003L18.5 19.5M21 21C20.1667 21.0074 19 20.5 18.5 19.5M18.5 19.5C18 20.5 16.8333 21 16 21M20 12H17" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
</svg><span>Use in JSFiddle</span>
</a>
</li>
<li>
<a href="https://api.fontsource.org/v1/download/monaspace-neon" download data-tippy-simple-content="Download">
<svg viewBox="0 0 24 24" height="18" color="currentColor" fill="none">
<path d="M2.99969 17.0002C2.99969 17.9302 2.99969 18.3952 3.10192 18.7767C3.37932 19.8119 4.18796 20.6206 5.22324 20.898C5.60474 21.0002 6.06972 21.0002 6.99969 21.0002L16.9997 21.0002C17.9297 21.0002 18.3947 21.0002 18.7762 20.898C19.8114 20.6206 20.6201 19.8119 20.8975 18.7767C20.9997 18.3952 20.9997 17.9302 20.9997 17.0002" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M16.4998 11.5002C16.4998 11.5002 13.1856 16.0002 11.9997 16.0002C10.8139 16.0002 7.49976 11.5002 7.49976 11.5002M11.9997 15.0002V3.00016" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
</li>
</ul>
</div>
<div class="fontSpecimen " data-font-url="https://cdn.jsdelivr.net/npm/@fontsource/monaspace-krypton@5.2.5/index.min.css" data-font-family="Monaspace Krypton">
<h3>
Monaspace Krypton
<span>Designed by <a target='_blank' href='https://github.com/githubnext/monaspace'>GitHub Next</a></span>
</h3>
<div class="code"><span class="hl_a">const</span> <span class="hl_b">DecodeHtmlEntity</span> = <span class="hl_c">(</span>string<span class="hl_c">)</span> => <span class="hl_c">{</span>
string.replace<span class="hl_d">(</span><span class="hl_e">/&#(d+);/</span>g, (match, dec) => <span class="hl_a">{</span>
<span class="hl_a">if</span> <span class="hl_c">(</span>match === <span class="hl_b">String</span><span class="hl_c">){</span>
<span class="hl_a">return</span> <span class="hl_b">String</span>.fromCharCode<span class="hl_d">(</span>dec<span class="hl_d">)</span>
<span class="hl_c">}</span>
<span class="hl_a">}</span><span class="hl_d">)</span>
<span class="hl_c">}</span>
</div>
<ul class="actions">
<li>
<a href="#send-to-jsfiddle" data-font-family="Monaspace Krypton" data-font-url="https://cdn.jsdelivr.net/npm/@fontsource/monaspace-krypton@5.2.5/index.min.css" data-font-size="13">
<svg viewBox="0 0 24 24" height="18" color="currentColor" fill="none">
<path d="M13 17L11.0714 12.5M3 17L4.92857 12.5M4.92857 12.5L7.02295 7.61311C7.21207 7.17183 7.54728 7 8 7C8.45272 7 8.78793 7.17183 8.97705 7.61311L11.0714 12.5M4.92857 12.5H11.0714" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
<path d="M16 3.00008C16.8333 2.99261 18 3.50003 18.5 4.50003M18.5 4.50003C19 3.50003 20.1667 3.00005 21 3.00008M18.5 4.50003L18.5 19.5M21 21C20.1667 21.0074 19 20.5 18.5 19.5M18.5 19.5C18 20.5 16.8333 21 16 21M20 12H17" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
</svg><span>Use in JSFiddle</span>
</a>
</li>
<li>
<a href="https://api.fontsource.org/v1/download/monaspace-krypton" download data-tippy-simple-content="Download">
<svg viewBox="0 0 24 24" height="18" color="currentColor" fill="none">
<path d="M2.99969 17.0002C2.99969 17.9302 2.99969 18.3952 3.10192 18.7767C3.37932 19.8119 4.18796 20.6206 5.22324 20.898C5.60474 21.0002 6.06972 21.0002 6.99969 21.0002L16.9997 21.0002C17.9297 21.0002 18.3947 21.0002 18.7762 20.898C19.8114 20.6206 20.6201 19.8119 20.8975 18.7767C20.9997 18.3952 20.9997 17.9302 20.9997 17.0002" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M16.4998 11.5002C16.4998 11.5002 13.1856 16.0002 11.9997 16.0002C10.8139 16.0002 7.49976 11.5002 7.49976 11.5002M11.9997 15.0002V3.00016" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
</li>
</ul>
</div>
<div class="fontSpecimen " data-font-url="https://cdn.jsdelivr.net/npm/@fontsource/monaspace-radon@5.2.5/index.min.css" data-font-family="Monaspace Radon">
<h3>
Monaspace Radon
<span>Designed by <a target='_blank' href='https://github.com/githubnext/monaspace'>GitHub Next</a></span>
</h3>
<div class="code"><span class="hl_a">const</span> <span class="hl_b">DecodeHtmlEntity</span> = <span class="hl_c">(</span>string<span class="hl_c">)</span> => <span class="hl_c">{</span>
string.replace<span class="hl_d">(</span><span class="hl_e">/&#(d+);/</span>g, (match, dec) => <span class="hl_a">{</span>
<span class="hl_a">if</span> <span class="hl_c">(</span>match === <span class="hl_b">String</span><span class="hl_c">){</span>
<span class="hl_a">return</span> <span class="hl_b">String</span>.fromCharCode<span class="hl_d">(</span>dec<span class="hl_d">)</span>
<span class="hl_c">}</span>
<span class="hl_a">}</span><span class="hl_d">)</span>
<span class="hl_c">}</span>
</div>
<ul class="actions">
<li>
<a href="#send-to-jsfiddle" data-font-family="Monaspace Radon" data-font-url="https://cdn.jsdelivr.net/npm/@fontsource/monaspace-radon@5.2.5/index.min.css" data-font-size="13">
<svg viewBox="0 0 24 24" height="18" color="currentColor" fill="none">
<path d="M13 17L11.0714 12.5M3 17L4.92857 12.5M4.92857 12.5L7.02295 7.61311C7.21207 7.17183 7.54728 7 8 7C8.45272 7 8.78793 7.17183 8.97705 7.61311L11.0714 12.5M4.92857 12.5H11.0714" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
<path d="M16 3.00008C16.8333 2.99261 18 3.50003 18.5 4.50003M18.5 4.50003C19 3.50003 20.1667 3.00005 21 3.00008M18.5 4.50003L18.5 19.5M21 21C20.1667 21.0074 19 20.5 18.5 19.5M18.5 19.5C18 20.5 16.8333 21 16 21M20 12H17" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
</svg><span>Use in JSFiddle</span>
</a>
</li>
<li>
<a href="https://api.fontsource.org/v1/download/monaspace-radon" download data-tippy-simple-content="Download">
<svg viewBox="0 0 24 24" height="18" color="currentColor" fill="none">
<path d="M2.99969 17.0002C2.99969 17.9302 2.99969 18.3952 3.10192 18.7767C3.37932 19.8119 4.18796 20.6206 5.22324 20.898C5.60474 21.0002 6.06972 21.0002 6.99969 21.0002L16.9997 21.0002C17.9297 21.0002 18.3947 21.0002 18.7762 20.898C19.8114 20.6206 20.6201 19.8119 20.8975 18.7767C20.9997 18.3952 20.9997 17.9302 20.9997 17.0002" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M16.4998 11.5002C16.4998 11.5002 13.1856 16.0002 11.9997 16.0002C10.8139 16.0002 7.49976 11.5002 7.49976 11.5002M11.9997 15.0002V3.00016" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
</li>
</ul>
</div>
<div class="fontSpecimen " data-font-url="https://cdn.jsdelivr.net/npm/@fontsource/monaspace-xenon@5.2.5/index.min.css" data-font-family="Monaspace Xenon">
<h3>
Monaspace Xenon
<span>Designed by <a target='_blank' href='https://github.com/githubnext/monaspace'>GitHub Next</a></span>
</h3>
<div class="code"><span class="hl_a">const</span> <span class="hl_b">DecodeHtmlEntity</span> = <span class="hl_c">(</span>string<span class="hl_c">)</span> => <span class="hl_c">{</span>
string.replace<span class="hl_d">(</span><span class="hl_e">/&#(d+);/</span>g, (match, dec) => <span class="hl_a">{</span>
<span class="hl_a">if</span> <span class="hl_c">(</span>match === <span class="hl_b">String</span><span class="hl_c">){</span>
<span class="hl_a">return</span> <span class="hl_b">String</span>.fromCharCode<span class="hl_d">(</span>dec<span class="hl_d">)</span>
<span class="hl_c">}</span>
<span class="hl_a">}</span><span class="hl_d">)</span>
<span class="hl_c">}</span>
</div>
<ul class="actions">
<li>
<a href="#send-to-jsfiddle" data-font-family="Monaspace Xenon" data-font-url="https://cdn.jsdelivr.net/npm/@fontsource/monaspace-xenon@5.2.5/index.min.css" data-font-size="13">
<svg viewBox="0 0 24 24" height="18" color="currentColor" fill="none">
<path d="M13 17L11.0714 12.5M3 17L4.92857 12.5M4.92857 12.5L7.02295 7.61311C7.21207 7.17183 7.54728 7 8 7C8.45272 7 8.78793 7.17183 8.97705 7.61311L11.0714 12.5M4.92857 12.5H11.0714" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
<path d="M16 3.00008C16.8333 2.99261 18 3.50003 18.5 4.50003M18.5 4.50003C19 3.50003 20.1667 3.00005 21 3.00008M18.5 4.50003L18.5 19.5M21 21C20.1667 21.0074 19 20.5 18.5 19.5M18.5 19.5C18 20.5 16.8333 21 16 21M20 12H17" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
</svg><span>Use in JSFiddle</span>
</a>
</li>
<li>
<a href="https://api.fontsource.org/v1/download/monaspace-xenon" download data-tippy-simple-content="Download">
<svg viewBox="0 0 24 24" height="18" color="currentColor" fill="none">
<path d="M2.99969 17.0002C2.99969 17.9302 2.99969 18.3952 3.10192 18.7767C3.37932 19.8119 4.18796 20.6206 5.22324 20.898C5.60474 21.0002 6.06972 21.0002 6.99969 21.0002L16.9997 21.0002C17.9297 21.0002 18.3947 21.0002 18.7762 20.898C19.8114 20.6206 20.6201 19.8119 20.8975 18.7767C20.9997 18.3952 20.9997 17.9302 20.9997 17.0002" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M16.4998 11.5002C16.4998 11.5002 13.1856 16.0002 11.9997 16.0002C10.8139 16.0002 7.49976 11.5002 7.49976 11.5002M11.9997 15.0002V3.00016" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
</li>
</ul>
</div>
<div class="fontSpecimen " data-font-url="https://fonts.googleapis.com/css2?family=Inconsolata&display=swap" data-font-family="Inconsolata">
<h3>
Inconsolata
<span>Designed by <a target='_blank' href='https://levien.com/type/myfonts/inconsolata.html'>Raph Levien</a></span>
</h3>
<div class="code"><span class="hl_a">const</span> <span class="hl_b">DecodeHtmlEntity</span> = <span class="hl_c">(</span>string<span class="hl_c">)</span> => <span class="hl_c">{</span>
string.replace<span class="hl_d">(</span><span class="hl_e">/&#(d+);/</span>g, (match, dec) => <span class="hl_a">{</span>
<span class="hl_a">if</span> <span class="hl_c">(</span>match === <span class="hl_b">String</span><span class="hl_c">){</span>
<span class="hl_a">return</span> <span class="hl_b">String</span>.fromCharCode<span class="hl_d">(</span>dec<span class="hl_d">)</span>
<span class="hl_c">}</span>
<span class="hl_a">}</span><span class="hl_d">)</span>
<span class="hl_c">}</span>
</div>
<ul class="actions">
<li>
<a href="#send-to-jsfiddle" data-font-family="Inconsolata" data-font-url="https://fonts.googleapis.com/css2?family=Inconsolata&display=swap" data-font-size="14">
<svg viewBox="0 0 24 24" height="18" color="currentColor" fill="none">
<path d="M13 17L11.0714 12.5M3 17L4.92857 12.5M4.92857 12.5L7.02295 7.61311C7.21207 7.17183 7.54728 7 8 7C8.45272 7 8.78793 7.17183 8.97705 7.61311L11.0714 12.5M4.92857 12.5H11.0714" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
<path d="M16 3.00008C16.8333 2.99261 18 3.50003 18.5 4.50003M18.5 4.50003C19 3.50003 20.1667 3.00005 21 3.00008M18.5 4.50003L18.5 19.5M21 21C20.1667 21.0074 19 20.5 18.5 19.5M18.5 19.5C18 20.5 16.8333 21 16 21M20 12H17" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
</svg><span>Use in JSFiddle</span>
</a>
</li>
<li>
<a href="https://api.fontsource.org/v1/download/inconsolata" download data-tippy-simple-content="Download">
<svg viewBox="0 0 24 24" height="18" color="currentColor" fill="none">
<path d="M2.99969 17.0002C2.99969 17.9302 2.99969 18.3952 3.10192 18.7767C3.37932 19.8119 4.18796 20.6206 5.22324 20.898C5.60474 21.0002 6.06972 21.0002 6.99969 21.0002L16.9997 21.0002C17.9297 21.0002 18.3947 21.0002 18.7762 20.898C19.8114 20.6206 20.6201 19.8119 20.8975 18.7767C20.9997 18.3952 20.9997 17.9302 20.9997 17.0002" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M16.4998 11.5002C16.4998 11.5002 13.1856 16.0002 11.9997 16.0002C10.8139 16.0002 7.49976 11.5002 7.49976 11.5002M11.9997 15.0002V3.00016" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
</li>
</ul>
</div>
<div class="fontSpecimen " data-font-url="https://fonts.cdnfonts.com/css/monoid" data-font-family="Monoid">
<h3>
Monoid
<span>Designed by <a target='_blank' href='https://larsenwork.com/monoid/'>Andreas Larsen</a></span>
</h3>
<div class="code"><span class="hl_a">const</span> <span class="hl_b">DecodeHtmlEntity</span> = <span class="hl_c">(</span>string<span class="hl_c">)</span> => <span class="hl_c">{</span>
string.replace<span class="hl_d">(</span><span class="hl_e">/&#(d+);/</span>g, (match, dec) => <span class="hl_a">{</span>
<span class="hl_a">if</span> <span class="hl_c">(</span>match === <span class="hl_b">String</span><span class="hl_c">){</span>
<span class="hl_a">return</span> <span class="hl_b">String</span>.fromCharCode<span class="hl_d">(</span>dec<span class="hl_d">)</span>
<span class="hl_c">}</span>
<span class="hl_a">}</span><span class="hl_d">)</span>
<span class="hl_c">}</span>
</div>
<ul class="actions">
<li>
<a href="#send-to-jsfiddle" data-font-family="Monoid" data-font-url="https://fonts.cdnfonts.com/css/monoid" data-font-size="10">
<svg viewBox="0 0 24 24" height="18" color="currentColor" fill="none">
<path d="M13 17L11.0714 12.5M3 17L4.92857 12.5M4.92857 12.5L7.02295 7.61311C7.21207 7.17183 7.54728 7 8 7C8.45272 7 8.78793 7.17183 8.97705 7.61311L11.0714 12.5M4.92857 12.5H11.0714" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
<path d="M16 3.00008C16.8333 2.99261 18 3.50003 18.5 4.50003M18.5 4.50003C19 3.50003 20.1667 3.00005 21 3.00008M18.5 4.50003L18.5 19.5M21 21C20.1667 21.0074 19 20.5 18.5 19.5M18.5 19.5C18 20.5 16.8333 21 16 21M20 12H17" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
</svg><span>Use in JSFiddle</span>
</a>
</li>
<li>
<a href="https://github.com/larsenwork/monoid/releases/latest/download/monoid.zip" download data-tippy-simple-content="Download">
<svg viewBox="0 0 24 24" height="18" color="currentColor" fill="none">
<path d="M2.99969 17.0002C2.99969 17.9302 2.99969 18.3952 3.10192 18.7767C3.37932 19.8119 4.18796 20.6206 5.22324 20.898C5.60474 21.0002 6.06972 21.0002 6.99969 21.0002L16.9997 21.0002C17.9297 21.0002 18.3947 21.0002 18.7762 20.898C19.8114 20.6206 20.6201 19.8119 20.8975 18.7767C20.9997 18.3952 20.9997 17.9302 20.9997 17.0002" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M16.4998 11.5002C16.4998 11.5002 13.1856 16.0002 11.9997 16.0002C10.8139 16.0002 7.49976 11.5002 7.49976 11.5002M11.9997 15.0002V3.00016" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
</li>
</ul>
</div>
<div class="fontSpecimen " data-font-url="https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap" data-font-family="Roboto Mono">
<h3>
Roboto Mono
<span>Designed by <a target='_blank' href='https://fonts.google.com/specimen/Roboto+Mono'>Christian Robertson (Google)</a></span>
</h3>
<div class="code"><span class="hl_a">const</span> <span class="hl_b">DecodeHtmlEntity</span> = <span class="hl_c">(</span>string<span class="hl_c">)</span> => <span class="hl_c">{</span>
string.replace<span class="hl_d">(</span><span class="hl_e">/&#(d+);/</span>g, (match, dec) => <span class="hl_a">{</span>
<span class="hl_a">if</span> <span class="hl_c">(</span>match === <span class="hl_b">String</span><span class="hl_c">){</span>
<span class="hl_a">return</span> <span class="hl_b">String</span>.fromCharCode<span class="hl_d">(</span>dec<span class="hl_d">)</span>
<span class="hl_c">}</span>
<span class="hl_a">}</span><span class="hl_d">)</span>
<span class="hl_c">}</span>
</div>
<ul class="actions">
<li>
<a href="#send-to-jsfiddle" data-font-family="Roboto Mono" data-font-url="https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap" data-font-size="12">
<svg viewBox="0 0 24 24" height="18" color="currentColor" fill="none">
<path d="M13 17L11.0714 12.5M3 17L4.92857 12.5M4.92857 12.5L7.02295 7.61311C7.21207 7.17183 7.54728 7 8 7C8.45272 7 8.78793 7.17183 8.97705 7.61311L11.0714 12.5M4.92857 12.5H11.0714" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
<path d="M16 3.00008C16.8333 2.99261 18 3.50003 18.5 4.50003M18.5 4.50003C19 3.50003 20.1667 3.00005 21 3.00008M18.5 4.50003L18.5 19.5M21 21C20.1667 21.0074 19 20.5 18.5 19.5M18.5 19.5C18 20.5 16.8333 21 16 21M20 12H17" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
</svg><span>Use in JSFiddle</span>
</a>
</li>
<li>
<a href="https://api.fontsource.org/v1/download/roboto-mono" download data-tippy-simple-content="Download">
<svg viewBox="0 0 24 24" height="18" color="currentColor" fill="none">
<path d="M2.99969 17.0002C2.99969 17.9302 2.99969 18.3952 3.10192 18.7767C3.37932 19.8119 4.18796 20.6206 5.22324 20.898C5.60474 21.0002 6.06972 21.0002 6.99969 21.0002L16.9997 21.0002C17.9297 21.0002 18.3947 21.0002 18.7762 20.898C19.8114 20.6206 20.6201 19.8119 20.8975 18.7767C20.9997 18.3952 20.9997 17.9302 20.9997 17.0002" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M16.4998 11.5002C16.4998 11.5002 13.1856 16.0002 11.9997 16.0002C10.8139 16.0002 7.49976 11.5002 7.49976 11.5002M11.9997 15.0002V3.00016" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
</li>
</ul>
</div>
<div class="fontSpecimen " data-font-url="https://fonts.googleapis.com/css2?family=Anonymous+Pro&display=swap" data-font-family="Anonymous Pro">
<h3>
Anonymous Pro
<span>Designed by <a target='_blank' href='https://www.marksimonson.com/fonts/view/anonymous-pro'>Mark Simonson</a></span>
</h3>
<div class="code"><span class="hl_a">const</span> <span class="hl_b">DecodeHtmlEntity</span> = <span class="hl_c">(</span>string<span class="hl_c">)</span> => <span class="hl_c">{</span>
string.replace<span class="hl_d">(</span><span class="hl_e">/&#(d+);/</span>g, (match, dec) => <span class="hl_a">{</span>
<span class="hl_a">if</span> <span class="hl_c">(</span>match === <span class="hl_b">String</span><span class="hl_c">){</span>
<span class="hl_a">return</span> <span class="hl_b">String</span>.fromCharCode<span class="hl_d">(</span>dec<span class="hl_d">)</span>
<span class="hl_c">}</span>
<span class="hl_a">}</span><span class="hl_d">)</span>
<span class="hl_c">}</span>
</div>
<ul class="actions">
<li>
<a href="#send-to-jsfiddle" data-font-family="Anonymous Pro" data-font-url="https://fonts.googleapis.com/css2?family=Anonymous+Pro&display=swap" data-font-size="14">
<svg viewBox="0 0 24 24" height="18" color="currentColor" fill="none">
<path d="M13 17L11.0714 12.5M3 17L4.92857 12.5M4.92857 12.5L7.02295 7.61311C7.21207 7.17183 7.54728 7 8 7C8.45272 7 8.78793 7.17183 8.97705 7.61311L11.0714 12.5M4.92857 12.5H11.0714" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
<path d="M16 3.00008C16.8333 2.99261 18 3.50003 18.5 4.50003M18.5 4.50003C19 3.50003 20.1667 3.00005 21 3.00008M18.5 4.50003L18.5 19.5M21 21C20.1667 21.0074 19 20.5 18.5 19.5M18.5 19.5C18 20.5 16.8333 21 16 21M20 12H17" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
</svg><span>Use in JSFiddle</span>
</a>
</li>
<li>
<a href="https://api.fontsource.org/v1/download/anonymous-pro" download data-tippy-simple-content="Download">
<svg viewBox="0 0 24 24" height="18" color="currentColor" fill="none">
<path d="M2.99969 17.0002C2.99969 17.9302 2.99969 18.3952 3.10192 18.7767C3.37932 19.8119 4.18796 20.6206 5.22324 20.898C5.60474 21.0002 6.06972 21.0002 6.99969 21.0002L16.9997 21.0002C17.9297 21.0002 18.3947 21.0002 18.7762 20.898C19.8114 20.6206 20.6201 19.8119 20.8975 18.7767C20.9997 18.3952 20.9997 17.9302 20.9997 17.0002" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M16.4998 11.5002C16.4998 11.5002 13.1856 16.0002 11.9997 16.0002C10.8139 16.0002 7.49976 11.5002 7.49976 11.5002M11.9997 15.0002V3.00016" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
</li>
</ul>
</div>
<div class="fontSpecimen " data-font-url="https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap" data-font-family="JetBrains Mono">
<h3>
JetBrains Mono
<span>Designed by <a target='_blank' href='https://www.jetbrains.com/lp/mono/'>JetBrains</a></span>
</h3>
<div class="code"><span class="hl_a">const</span> <span class="hl_b">DecodeHtmlEntity</span> = <span class="hl_c">(</span>string<span class="hl_c">)</span> => <span class="hl_c">{</span>
string.replace<span class="hl_d">(</span><span class="hl_e">/&#(d+);/</span>g, (match, dec) => <span class="hl_a">{</span>
<span class="hl_a">if</span> <span class="hl_c">(</span>match === <span class="hl_b">String</span><span class="hl_c">){</span>
<span class="hl_a">return</span> <span class="hl_b">String</span>.fromCharCode<span class="hl_d">(</span>dec<span class="hl_d">)</span>
<span class="hl_c">}</span>
<span class="hl_a">}</span><span class="hl_d">)</span>
<span class="hl_c">}</span>
</div>
<ul class="actions">
<li>
<a href="#send-to-jsfiddle" data-font-family="JetBrains Mono" data-font-url="https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap" data-font-size="12">
<svg viewBox="0 0 24 24" height="18" color="currentColor" fill="none">
<path d="M13 17L11.0714 12.5M3 17L4.92857 12.5M4.92857 12.5L7.02295 7.61311C7.21207 7.17183 7.54728 7 8 7C8.45272 7 8.78793 7.17183 8.97705 7.61311L11.0714 12.5M4.92857 12.5H11.0714" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
<path d="M16 3.00008C16.8333 2.99261 18 3.50003 18.5 4.50003M18.5 4.50003C19 3.50003 20.1667 3.00005 21 3.00008M18.5 4.50003L18.5 19.5M21 21C20.1667 21.0074 19 20.5 18.5 19.5M18.5 19.5C18 20.5 16.8333 21 16 21M20 12H17" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
</svg><span>Use in JSFiddle</span>
</a>
</li>
<li>
<a href="https://api.fontsource.org/v1/download/jetbrains-mono" download data-tippy-simple-content="Download">
<svg viewBox="0 0 24 24" height="18" color="currentColor" fill="none">
<path d="M2.99969 17.0002C2.99969 17.9302 2.99969 18.3952 3.10192 18.7767C3.37932 19.8119 4.18796 20.6206 5.22324 20.898C5.60474 21.0002 6.06972 21.0002 6.99969 21.0002L16.9997 21.0002C17.9297 21.0002 18.3947 21.0002 18.7762 20.898C19.8114 20.6206 20.6201 19.8119 20.8975 18.7767C20.9997 18.3952 20.9997 17.9302 20.9997 17.0002" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M16.4998 11.5002C16.4998 11.5002 13.1856 16.0002 11.9997 16.0002C10.8139 16.0002 7.49976 11.5002 7.49976 11.5002M11.9997 15.0002V3.00016" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
</li>
</ul>
</div>
<div class="fontSpecimen " data-font-url="https://fonts.googleapis.com/css2?family=PT+Mono&display=swap" data-font-family="PT Mono">
<h3>
PT Mono
<span>Designed by <a target='_blank' href='https://www.paratype.com/fonts/pt/pt-mono'>ParaType</a></span>
</h3>
<div class="code"><span class="hl_a">const</span> <span class="hl_b">DecodeHtmlEntity</span> = <span class="hl_c">(</span>string<span class="hl_c">)</span> => <span class="hl_c">{</span>
string.replace<span class="hl_d">(</span><span class="hl_e">/&#(d+);/</span>g, (match, dec) => <span class="hl_a">{</span>
<span class="hl_a">if</span> <span class="hl_c">(</span>match === <span class="hl_b">String</span><span class="hl_c">){</span>
<span class="hl_a">return</span> <span class="hl_b">String</span>.fromCharCode<span class="hl_d">(</span>dec<span class="hl_d">)</span>
<span class="hl_c">}</span>
<span class="hl_a">}</span><span class="hl_d">)</span>
<span class="hl_c">}</span>
</div>
<ul class="actions">
<li>
<a href="#send-to-jsfiddle" data-font-family="PT Mono" data-font-url="https://fonts.googleapis.com/css2?family=PT+Mono&display=swap" data-font-size="13">
<svg viewBox="0 0 24 24" height="18" color="currentColor" fill="none">
<path d="M13 17L11.0714 12.5M3 17L4.92857 12.5M4.92857 12.5L7.02295 7.61311C7.21207 7.17183 7.54728 7 8 7C8.45272 7 8.78793 7.17183 8.97705 7.61311L11.0714 12.5M4.92857 12.5H11.0714" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
<path d="M16 3.00008C16.8333 2.99261 18 3.50003 18.5 4.50003M18.5 4.50003C19 3.50003 20.1667 3.00005 21 3.00008M18.5 4.50003L18.5 19.5M21 21C20.1667 21.0074 19 20.5 18.5 19.5M18.5 19.5C18 20.5 16.8333 21 16 21M20 12H17" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
</svg><span>Use in JSFiddle</span>
</a>
</li>
<li>
<a href="https://api.fontsource.org/v1/download/pt-mono" download data-tippy-simple-content="Download">
<svg viewBox="0 0 24 24" height="18" color="currentColor" fill="none">
<path d="M2.99969 17.0002C2.99969 17.9302 2.99969 18.3952 3.10192 18.7767C3.37932 19.8119 4.18796 20.6206 5.22324 20.898C5.60474 21.0002 6.06972 21.0002 6.99969 21.0002L16.9997 21.0002C17.9297 21.0002 18.3947 21.0002 18.7762 20.898C19.8114 20.6206 20.6201 19.8119 20.8975 18.7767C20.9997 18.3952 20.9997 17.9302 20.9997 17.0002" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M16.4998 11.5002C16.4998 11.5002 13.1856 16.0002 11.9997 16.0002C10.8139 16.0002 7.49976 11.5002 7.49976 11.5002M11.9997 15.0002V3.00016" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
</li>
</ul>
</div>
<div class="fontSpecimen " data-font-url="https://fonts.cdnfonts.com/css/fantasque-sans-mono" data-font-family="Fantasque Sans Mono">
<h3>
Fantasque Sans Mono
<span>Designed by <a target='_blank' href='https://github.com/belluzj/fantasque-sans'>Jany Belluz</a></span>
</h3>
<div class="code"><span class="hl_a">const</span> <span class="hl_b">DecodeHtmlEntity</span> = <span class="hl_c">(</span>string<span class="hl_c">)</span> => <span class="hl_c">{</span>
string.replace<span class="hl_d">(</span><span class="hl_e">/&#(d+);/</span>g, (match, dec) => <span class="hl_a">{</span>
<span class="hl_a">if</span> <span class="hl_c">(</span>match === <span class="hl_b">String</span><span class="hl_c">){</span>
<span class="hl_a">return</span> <span class="hl_b">String</span>.fromCharCode<span class="hl_d">(</span>dec<span class="hl_d">)</span>
<span class="hl_c">}</span>
<span class="hl_a">}</span><span class="hl_d">)</span>
<span class="hl_c">}</span>
</div>
<ul class="actions">
<li>
<a href="#send-to-jsfiddle" data-font-family="Fantasque Sans Mono" data-font-url="https://fonts.cdnfonts.com/css/fantasque-sans-mono" data-font-size="13">
<svg viewBox="0 0 24 24" height="18" color="currentColor" fill="none">
<path d="M13 17L11.0714 12.5M3 17L4.92857 12.5M4.92857 12.5L7.02295 7.61311C7.21207 7.17183 7.54728 7 8 7C8.45272 7 8.78793 7.17183 8.97705 7.61311L11.0714 12.5M4.92857 12.5H11.0714" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
<path d="M16 3.00008C16.8333 2.99261 18 3.50003 18.5 4.50003M18.5 4.50003C19 3.50003 20.1667 3.00005 21 3.00008M18.5 4.50003L18.5 19.5M21 21C20.1667 21.0074 19 20.5 18.5 19.5M18.5 19.5C18 20.5 16.8333 21 16 21M20 12H17" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
</svg><span>Use in JSFiddle</span>
</a>
</li>
<li>
<a href="https://github.com/belluzj/fantasque-sans/releases/latest/download/FantasqueSansMono.zip" download data-tippy-simple-content="Download">
<svg viewBox="0 0 24 24" height="18" color="currentColor" fill="none">
<path d="M2.99969 17.0002C2.99969 17.9302 2.99969 18.3952 3.10192 18.7767C3.37932 19.8119 4.18796 20.6206 5.22324 20.898C5.60474 21.0002 6.06972 21.0002 6.99969 21.0002L16.9997 21.0002C17.9297 21.0002 18.3947 21.0002 18.7762 20.898C19.8114 20.6206 20.6201 19.8119 20.8975 18.7767C20.9997 18.3952 20.9997 17.9302 20.9997 17.0002" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M16.4998 11.5002C16.4998 11.5002 13.1856 16.0002 11.9997 16.0002C10.8139 16.0002 7.49976 11.5002 7.49976 11.5002M11.9997 15.0002V3.00016" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
</li>
</ul>
</div>
<div class="fontSpecimen " data-font-url="https://fonts.googleapis.com/css2?family=Noto+Sans+Mono&display=swap" data-font-family="Noto Mono">
<h3>
Noto Mono
<span>Designed by <a target='_blank' href='https://www.google.com/get/noto/'>Google</a></span>
</h3>
<div class="code"><span class="hl_a">const</span> <span class="hl_b">DecodeHtmlEntity</span> = <span class="hl_c">(</span>string<span class="hl_c">)</span> => <span class="hl_c">{</span>
string.replace<span class="hl_d">(</span><span class="hl_e">/&#(d+);/</span>g, (match, dec) => <span class="hl_a">{</span>
<span class="hl_a">if</span> <span class="hl_c">(</span>match === <span class="hl_b">String</span><span class="hl_c">){</span>
<span class="hl_a">return</span> <span class="hl_b">String</span>.fromCharCode<span class="hl_d">(</span>dec<span class="hl_d">)</span>
<span class="hl_c">}</span>
<span class="hl_a">}</span><span class="hl_d">)</span>
<span class="hl_c">}</span>
</div>
<ul class="actions">
<li>
<a href="#send-to-jsfiddle" data-font-family="Noto Mono" data-font-url="https://fonts.googleapis.com/css2?family=Noto+Sans+Mono&display=swap" data-font-size="12">
<svg viewBox="0 0 24 24" height="18" color="currentColor" fill="none">
<path d="M13 17L11.0714 12.5M3 17L4.92857 12.5M4.92857 12.5L7.02295 7.61311C7.21207 7.17183 7.54728 7 8 7C8.45272 7 8.78793 7.17183 8.97705 7.61311L11.0714 12.5M4.92857 12.5H11.0714" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
<path d="M16 3.00008C16.8333 2.99261 18 3.50003 18.5 4.50003M18.5 4.50003C19 3.50003 20.1667 3.00005 21 3.00008M18.5 4.50003L18.5 19.5M21 21C20.1667 21.0074 19 20.5 18.5 19.5M18.5 19.5C18 20.5 16.8333 21 16 21M20 12H17" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
</svg><span>Use in JSFiddle</span>
</a>
</li>
<li>
<a href="https://api.fontsource.org/v1/download/noto-mono" download data-tippy-simple-content="Download">
<svg viewBox="0 0 24 24" height="18" color="currentColor" fill="none">
<path d="M2.99969 17.0002C2.99969 17.9302 2.99969 18.3952 3.10192 18.7767C3.37932 19.8119 4.18796 20.6206 5.22324 20.898C5.60474 21.0002 6.06972 21.0002 6.99969 21.0002L16.9997 21.0002C17.9297 21.0002 18.3947 21.0002 18.7762 20.898C19.8114 20.6206 20.6201 19.8119 20.8975 18.7767C20.9997 18.3952 20.9997 17.9302 20.9997 17.0002" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M16.4998 11.5002C16.4998 11.5002 13.1856 16.0002 11.9997 16.0002C10.8139 16.0002 7.49976 11.5002 7.49976 11.5002M11.9997 15.0002V3.00016" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
</li>
</ul>
</div>
<div class="fontSpecimen " data-font-url="https://cdn.jsdelivr.net/npm/@fontsource/mononoki@5.2.5/index.min.css" data-font-family="Mononoki">
<h3>
Mononoki
<span>Designed by <a target='_blank' href='https://madmalik.github.io/mononoki/'>Matthias Tellen</a></span>
</h3>
<div class="code"><span class="hl_a">const</span> <span class="hl_b">DecodeHtmlEntity</span> = <span class="hl_c">(</span>string<span class="hl_c">)</span> => <span class="hl_c">{</span>
string.replace<span class="hl_d">(</span><span class="hl_e">/&#(d+);/</span>g, (match, dec) => <span class="hl_a">{</span>
<span class="hl_a">if</span> <span class="hl_c">(</span>match === <span class="hl_b">String</span><span class="hl_c">){</span>
<span class="hl_a">return</span> <span class="hl_b">String</span>.fromCharCode<span class="hl_d">(</span>dec<span class="hl_d">)</span>
<span class="hl_c">}</span>
<span class="hl_a">}</span><span class="hl_d">)</span>
<span class="hl_c">}</span>
</div>
<ul class="actions">
<li>
<a href="#send-to-jsfiddle" data-font-family="Mononoki" data-font-url="https://cdn.jsdelivr.net/npm/@fontsource/mononoki@5.2.5/index.min.css" data-font-size="13">
<svg viewBox="0 0 24 24" height="18" color="currentColor" fill="none">
<path d="M13 17L11.0714 12.5M3 17L4.92857 12.5M4.92857 12.5L7.02295 7.61311C7.21207 7.17183 7.54728 7 8 7C8.45272 7 8.78793 7.17183 8.97705 7.61311L11.0714 12.5M4.92857 12.5H11.0714" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
<path d="M16 3.00008C16.8333 2.99261 18 3.50003 18.5 4.50003M18.5 4.50003C19 3.50003 20.1667 3.00005 21 3.00008M18.5 4.50003L18.5 19.5M21 21C20.1667 21.0074 19 20.5 18.5 19.5M18.5 19.5C18 20.5 16.8333 21 16 21M20 12H17" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
</svg><span>Use in JSFiddle</span>
</a>
</li>
<li>
<a href="https://api.fontsource.org/v1/download/mononoki" download data-tippy-simple-content="Download">
<svg viewBox="0 0 24 24" height="18" color="currentColor" fill="none">
<path d="M2.99969 17.0002C2.99969 17.9302 2.99969 18.3952 3.10192 18.7767C3.37932 19.8119 4.18796 20.6206 5.22324 20.898C5.60474 21.0002 6.06972 21.0002 6.99969 21.0002L16.9997 21.0002C17.9297 21.0002 18.3947 21.0002 18.7762 20.898C19.8114 20.6206 20.6201 19.8119 20.8975 18.7767C20.9997 18.3952 20.9997 17.9302 20.9997 17.0002" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M16.4998 11.5002C16.4998 11.5002 13.1856 16.0002 11.9997 16.0002C10.8139 16.0002 7.49976 11.5002 7.49976 11.5002M11.9997 15.0002V3.00016" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
</li>
</ul>
</div>
<div class="fontSpecimen " data-font-url="https://cdn.jsdelivr.net/npm/@fontsource/commit-mono@5.2.5/index.min.css" data-font-family="Commit Mono">
<h3>
Commit Mono
<span>Designed by <a target='_blank' href='https://github.com/eigilnikolajsen/commit-mono'>Eigil Nikolajsen</a></span>
</h3>
<div class="code"><span class="hl_a">const</span> <span class="hl_b">DecodeHtmlEntity</span> = <span class="hl_c">(</span>string<span class="hl_c">)</span> => <span class="hl_c">{</span>
string.replace<span class="hl_d">(</span><span class="hl_e">/&#(d+);/</span>g, (match, dec) => <span class="hl_a">{</span>
<span class="hl_a">if</span> <span class="hl_c">(</span>match === <span class="hl_b">String</span><span class="hl_c">){</span>
<span class="hl_a">return</span> <span class="hl_b">String</span>.fromCharCode<span class="hl_d">(</span>dec<span class="hl_d">)</span>
<span class="hl_c">}</span>
<span class="hl_a">}</span><span class="hl_d">)</span>
<span class="hl_c">}</span>
</div>
<ul class="actions">
<li>
<a href="#send-to-jsfiddle" data-font-family="Commit Mono" data-font-url="https://cdn.jsdelivr.net/npm/@fontsource/commit-mono@5.2.5/index.min.css" data-font-size="12">
<svg viewBox="0 0 24 24" height="18" color="currentColor" fill="none">
<path d="M13 17L11.0714 12.5M3 17L4.92857 12.5M4.92857 12.5L7.02295 7.61311C7.21207 7.17183 7.54728 7 8 7C8.45272 7 8.78793 7.17183 8.97705 7.61311L11.0714 12.5M4.92857 12.5H11.0714" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
<path d="M16 3.00008C16.8333 2.99261 18 3.50003 18.5 4.50003M18.5 4.50003C19 3.50003 20.1667 3.00005 21 3.00008M18.5 4.50003L18.5 19.5M21 21C20.1667 21.0074 19 20.5 18.5 19.5M18.5 19.5C18 20.5 16.8333 21 16 21M20 12H17" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
</svg><span>Use in JSFiddle</span>
</a>
</li>
<li>
<a href="https://api.fontsource.org/v1/download/commit-mono" download data-tippy-simple-content="Download">
<svg viewBox="0 0 24 24" height="18" color="currentColor" fill="none">
<path d="M2.99969 17.0002C2.99969 17.9302 2.99969 18.3952 3.10192 18.7767C3.37932 19.8119 4.18796 20.6206 5.22324 20.898C5.60474 21.0002 6.06972 21.0002 6.99969 21.0002L16.9997 21.0002C17.9297 21.0002 18.3947 21.0002 18.7762 20.898C19.8114 20.6206 20.6201 19.8119 20.8975 18.7767C20.9997 18.3952 20.9997 17.9302 20.9997 17.0002" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M16.4998 11.5002C16.4998 11.5002 13.1856 16.0002 11.9997 16.0002C10.8139 16.0002 7.49976 11.5002 7.49976 11.5002M11.9997 15.0002V3.00016" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
</li>
</ul>
</div>
</section>
</form>
<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a1f01c48cbf0c272',t:'MTc4NDY5ODgyNQ=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body>
</html>