diff --git a/index.3772ccbd.js b/index.3772ccbd.js
index aaa1446..a766262 100644
--- a/index.3772ccbd.js
+++ b/index.3772ccbd.js
@@ -4,4 +4,4 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
 -----------------------------------------------------------------------------*/
-function t(...t){const e=new Set,a=new Set(["pop","tooltip",...t]);function n(){e.forEach((t=>{a.has(t.dataset.toggle)&&t.removeDataAttr("state")}))}function o(t){const e=t.closestDataAttr("dropbox"),a=t.hasDataAttr("state");e||a||n(),t.toggleDataAttr("state","active")}return document.addEventListener("click",(t=>{const a=t.target.closestDataAttr("toggle");if(a){if(e.has(a))return;e.add(a),a.addEventListener("click",(t=>{o(a),t.stopPropagation()}),!0),o(a)}else n();t.stopPropagation()})),this}class e{constructor(){e.#t(),this.toggle=t}static#t(){Element.prototype.setDataAttr=function(t,e=""){return this.setAttribute(`data-${t}`,e)},Element.prototype.removeDataAttr=function(t){return this.removeAttribute(`data-${t}`)},Element.prototype.getDataAttr=function(t,e){return e?this.getAttribute(`data-${t}="${e}"`):this.getAttribute(`data-${t}`)},Element.prototype.hasDataAttr=function(t,e){return e?this.hasAttribute(`data-${t}="${e}"`):this.hasAttribute(`data-${t}`)},Element.prototype.closestDataAttr=function(t,e){return e?this.closest(`[data-${t}="${e}"]`):this.closest(`[data-${t}]`)},Element.prototype.matchDataAttr=function(t,e){return e?this.matches(`[data-${t}="${e}"]`):this.matches(`[data-${t}]`)},Element.prototype.toggleDataAttr=function(t,e){return this.hasDataAttr(t)?this.removeDataAttr(t):this.setDataAttr(t,e)}}toggle}const a=new e;""===meta.title?meta.title="<h1>Rams</h1>":meta.title=`<h1 data-text="h0">${meta.title}</h1>`;let n=`\n        <div id="header" data-container>\n            ${meta.title}\n        </div>\n        `,o='\n        <div data-container data-grid="main">\n            <aside id="aside" data-column="large-3 medium-3 small-4"></aside>\n            <article id="content" data-column="large-9 medium-9 small-4"></article>\n        </div>\n        ';"fullPage"===meta.type&&(o='\n        <div id="content" data-container data-grid="main"></div>\n        ');let i;i="localhost"===location.hostname||"127.0.0.1"===location.hostname?window.location.origin+"/templates/a.4650d11e.html":window.location.origin+"/atkinson-hyperlegible-pro/templates/a.7b1ee141.html";let r=`\n        \n    <nav id="nav" data-navbar="top"></nav>\n    \n        <header data-section="header">\n            ${n}\n        </header>\n        <main data-section="main">\n            ${o}\n        </main>\n        \n    <footer data-section="footer">\n        <div id="footer" data-container>\n        </div>\n    </footer>\n    \n        `;template.fromString(r,"body").setTemplate("#headerTemplate","#header").setTemplate("#contentTemplate","#content",(()=>{const t=document.getElementById("aside"),e=document.getElementById("content");if("post"===meta.type){const a=e.querySelectorAll("h1, h2, h3, h4, h5, h6"),n='\n                <ul id=\'contents\' data-display="small-none">\n                    <li>\n                        <p><strong>Contents</strong></p>\n                    </li>\n                </ul>\n    \n                <ul data-display="small" data-box="border">\n                    <li>\n                        <a data-anchor data-flex data-toggle>\n                            <strong data-item="grow">Contents</strong>\n                            <span data-icon="&#xe043;"></span>\n                        </a>\n    \n                        <ul id=\'contentsDropdown\' data-dropbox>\n                        </ul>\n                    </li>\n                </ul>';t.insertAdjacentHTML("beforeend",n),a.forEach(((t,e)=>{t.setAttribute("id",`${e}`);const a=t.innerText,n=`<li><a href="#${e}">${a}</a></li>`;document.getElementById("contents").insertAdjacentHTML("beforeend",n);const o=`<li><a href="#${e}" data-anchor="menu">${a}</a></li>`;document.getElementById("contentsDropdown").insertAdjacentHTML("beforeend",o)}))}})).fetchTemplate(i,"#nav").fetchTemplate(i,"#footer"),a.toggle();
\ No newline at end of file
+function t(...t){const e=new Set,a=new Set(["pop","tooltip",...t]);function n(){e.forEach((t=>{a.has(t.dataset.toggle)&&t.removeDataAttr("state")}))}function o(t){const e=t.closestDataAttr("dropbox"),a=t.hasDataAttr("state");e||a||n(),t.toggleDataAttr("state","active")}return document.addEventListener("click",(t=>{const a=t.target.closestDataAttr("toggle");if(a){if(e.has(a))return;e.add(a),a.addEventListener("click",(t=>{o(a),t.stopPropagation()}),!0),o(a)}else n();t.stopPropagation()})),this}class e{constructor(){e.#t(),this.toggle=t}static#t(){Element.prototype.setDataAttr=function(t,e=""){return this.setAttribute(`data-${t}`,e)},Element.prototype.removeDataAttr=function(t){return this.removeAttribute(`data-${t}`)},Element.prototype.getDataAttr=function(t,e){return e?this.getAttribute(`data-${t}="${e}"`):this.getAttribute(`data-${t}`)},Element.prototype.hasDataAttr=function(t,e){return e?this.hasAttribute(`data-${t}="${e}"`):this.hasAttribute(`data-${t}`)},Element.prototype.closestDataAttr=function(t,e){return e?this.closest(`[data-${t}="${e}"]`):this.closest(`[data-${t}]`)},Element.prototype.matchDataAttr=function(t,e){return e?this.matches(`[data-${t}="${e}"]`):this.matches(`[data-${t}]`)},Element.prototype.toggleDataAttr=function(t,e){return this.hasDataAttr(t)?this.removeDataAttr(t):this.setDataAttr(t,e)}}toggle}const a=new e;""===meta.title?meta.title="<h1>Rams</h1>":meta.title=`<h1 data-text="h0">${meta.title}</h1>`;let n=`\n        <div id="header" data-container>\n            ${meta.title}\n        </div>\n        `,o='\n        <div data-container data-grid="main">\n            <aside id="aside" data-column="large-3 medium-3 small-4"></aside>\n            <article id="content" data-column="large-9 medium-9 small-4"></article>\n        </div>\n        ';"fullPage"===meta.type&&(o='\n        <div data-container data-grid="main">\n            <div id="content" data-column="large-12 medium-12 small-4"></div>\n        </div>\n        ');let i;i="localhost"===location.hostname||"127.0.0.1"===location.hostname?window.location.origin+"/templates/a.4650d11e.html":window.location.origin+"/atkinson-hyperlegible-pro/templates/a.7b1ee141.html";let r=`\n        \n    <nav id="nav" data-navbar="top"></nav>\n    \n        <header data-section="header">\n            ${n}\n        </header>\n        <main data-section="main">\n            ${o}\n        </main>\n        \n    <footer data-section="footer">\n        <div id="footer" data-container>\n        </div>\n    </footer>\n    \n        `;template.fromString(r,"body").setTemplate("#headerTemplate","#header").setTemplate("#contentTemplate","#content",(()=>{const t=document.getElementById("aside"),e=document.getElementById("content");if("post"===meta.type){const a=e.querySelectorAll("h1, h2, h3, h4, h5, h6"),n='\n                <ul id=\'contents\' data-display="small-none">\n                    <li>\n                        <p><strong>Contents</strong></p>\n                    </li>\n                </ul>\n    \n                <ul data-display="small" data-box="border">\n                    <li>\n                        <a data-anchor data-flex data-toggle>\n                            <strong data-item="grow">Contents</strong>\n                            <span data-icon="&#xe043;"></span>\n                        </a>\n    \n                        <ul id=\'contentsDropdown\' data-dropbox>\n                        </ul>\n                    </li>\n                </ul>';t.insertAdjacentHTML("beforeend",n),a.forEach(((t,e)=>{t.setAttribute("id",`${e}`);const a=t.innerText,n=`<li><a href="#${e}">${a}</a></li>`;document.getElementById("contents").insertAdjacentHTML("beforeend",n);const o=`<li><a href="#${e}" data-anchor="menu">${a}</a></li>`;document.getElementById("contentsDropdown").insertAdjacentHTML("beforeend",o)}))}})).fetchTemplate(i,"#nav").fetchTemplate(i,"#footer"),a.toggle();
\ No newline at end of file
diff --git a/index.html b/index.html
index 8cd3819..f79beab 100644
--- a/index.html
+++ b/index.html
@@ -1,5 +1,5 @@
-<!doctype html><html lang="en" id="top"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="robots" content="INDEX, FOLLOW"><meta name="description" content="Atkinson Hyperlegible Pro is an update to the original typeface designed for The Braille Institute and named after its founder J. Robert Atkinson."><meta name="author" content="Jacob Perez"><title>Atkinson Hyperlegible Pro - With Alternative Flipped Zero</title><link rel="preload" href="/atkinson-hyperlegible-pro/templates/a.7b1ee141.html" as="fetch" type="text/html" crossorigin><link rel="stylesheet" href="/atkinson-hyperlegible-pro/index.0c63f772.css"><script src="/atkinson-hyperlegible-pro/index.c648594b.js"></script><script type="module" src="/atkinson-hyperlegible-pro/index.3772ccbd.js"></script><script>meta.type="fullPage",meta.title="Atkinson <br> Hyperlegible Pro";</script></head><body> <template id="headerTemplate"> <p data-text="h4"> <a href="https://github.com/jacobxperez/atkinson-hyperlegible-pro/archive/refs/heads/main.zip">Download Font</a> &nbsp; <a href="https://github.com/jacobxperez/atkinson-hyperlegible-pro">Contribute</a> </p> </template> <template id="contentTemplate"> <div data-column="large-12 medium-12 small-4"> <p data-text="h5"> Atkinson Hyperlegible Pro is an update to the <a href="https://brailleinstitute.org/freefont">original typeface</a> designed for <a href="https://brailleinstitute.org/">The Braille Institute</a> and named after its founder J. Robert Atkinson. It departs from traditional typographic design to incorporate unambiguous, distinctive letterforms to increase character recognition, ultimately improving legibility and readability for low-vision readers. The typeface was a Winner of Fast Company’s 2019 Innovation By Design Award. </p> <ul data-grid="main"> <li data-column="large-8 medium-12 small-4" data-text="center"> <p data-text="h0">B8 O0 1Iil</p> <p data-text="h0"> <span data-filter="blur">B8 O0 1Iil</span> </p> </li> <li data-column="large-4 medium-12 small-4"> <p> Designed for low-vision readers, certain letters and numbers can be hard to distinguish from one another. Atkinson Hyperlegible Pro differentiates common misinterpreted letters and numbers using various design techniques: B vs. 8, 1 vs. L vs. l vs. I. Recognizable Footprints: Character boundaries are clearly defined, ensuring understanding across the visual-ability spectrum. </p> </li> <li data-column="large-12 medium-12 small-4"> <p data-text="small"> With Atkinson Hyperlegible Pro, you don't have to worry about the fine print because it remains highly legible and readable even with reduced spacing and kerning thanks to the distinctive letterforms with exaggerated design, opened counter space, angled spurs and distinguish tails which increases legibility. </p> </li> <li data-column="large-3 medium-3 small-2"> <p data-text="h3">04</p> <p>Four fonts, with two weights, in both roman and oblique.</p> </li> <li data-column="large-3 medium-3 small-2"> <p data-text="h3">1,340</p> <p>One thousand, three hundred, and forty total glyphs.</p> </li> <li data-column="large-3 medium-3 small-2"> <p data-text="h3">335</p> <p>Three hundred and thirty-five glyphs per font.</p> </li> <li data-column="large-3 medium-3 small-2"> <p data-text="h3">Äěş27</p> <p>Accent characters supporting twenty-seven languages.</p> </li> <li data-column="large-3 medium-3 small-2"> <p data-text="h3">O01Iil</p> <p>Letter are different from each other to increase legibility.</p> </li> <li data-column="large-3 medium-3 small-2"> <p data-text="h3">ER79jr</p> <p>Exaggerated letters design, to provide better clarity.</p> </li> <li data-column="large-3 medium-3 small-2"> <p data-text="h3">aGbgpqu</p> <p>Angled spurs and distinguish tails to increase recognition.</p> </li> <li data-column="large-3 medium-3 small-2"> <p data-text="h3">Csa36</p> <p>Opened counter space defines open spaces better.</p> </li> <li data-column="large-3 medium-3 small-2"> <p data-text="h3">Åöij%?¡,:</p> <p>Circular details links to the history of the braille dots.</p> </li> <li data-column="large-3 medium-3 small-2"> <p data-text="h3">fiffiflffl</p> <p>Standard ligatures to improve legibility and harmony.</p> </li> <li data-column="large-3 medium-3 small-2"> <p data-text="h3">0<span data-text="flip-zero">0</span>7</p> <p>Includes and alternative flipped number zero.</p> </li> <li data-column="large-3 medium-3 small-2"> <p data-text="h3">pToVc</p> <p>Improved kerning for body text, headings, and UI.</p> </li> <li data-column="large-6 medium-6 small-4"> <p data-text="h3">How quickly daft jumping zebras vex.</p> <p data-text>Regular 400</p> </li> <li data-column="large-6 medium-6 small-4"> <p data-text="h3"><em>How quickly daft jumping zebras vex.</em></p> <p data-text>Italic 400</p> </li> <li data-column="large-6 medium-6 small-4"> <p data-text="h3"> <strong>How quickly daft jumping zebras vex.</strong> </p> <p data-text>Bold 700</p> </li> <li data-column="large-6 medium-6 small-4"> <p data-text="h3"> <strong><em>How quickly daft jumping zebras vex.</em></strong> </p> <p data-text>Bold Italic 700</p> </li> <li data-column="large-6 medium-6 small-4"> <p data-text="h3">Flipping the zero</p> <p> By default the zero remains as it is, however you can flip the zero by adding <code>font-variant-numeric: slashed-zero;</code> to your CSS file. And thats it, the zero has been flipped! </p> </li> <li data-column="large-6 medium-6 small-4"> <p>Code Example:</p> <pre data-text="small" data-box="border padding"><code>body {
+<!doctype html><html lang="en" id="top"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="robots" content="INDEX, FOLLOW"><meta name="description" content="Atkinson Hyperlegible Pro is an update to the original typeface designed for The Braille Institute and named after its founder J. Robert Atkinson."><meta name="author" content="Jacob Perez"><title>Atkinson Hyperlegible Pro - With Alternative Flipped Zero</title><link rel="preload" href="/atkinson-hyperlegible-pro/templates/a.7b1ee141.html" as="fetch" type="text/html" crossorigin><link rel="stylesheet" href="/atkinson-hyperlegible-pro/index.0c63f772.css"><script src="/atkinson-hyperlegible-pro/index.c648594b.js"></script><script type="module" src="/atkinson-hyperlegible-pro/index.3772ccbd.js"></script><script>meta.type="fullPage",meta.title="Atkinson <br> Hyperlegible Pro";</script></head><body> <template id="headerTemplate"> <p data-text="h4"> <a href="https://github.com/jacobxperez/atkinson-hyperlegible-pro/archive/refs/heads/main.zip">Download Font</a> &nbsp; <a href="https://github.com/jacobxperez/atkinson-hyperlegible-pro">Contribute</a> </p> </template> <template id="contentTemplate"> <p data-text="h5"> Atkinson Hyperlegible Pro is an update to the <a href="https://brailleinstitute.org/freefont">original typeface</a> designed for <a href="https://brailleinstitute.org/">The Braille Institute</a> and named after its founder J. Robert Atkinson. It departs from traditional typographic design to incorporate unambiguous, distinctive letterforms to increase character recognition, ultimately improving legibility and readability for low-vision readers. The typeface was a Winner of Fast Company’s 2019 Innovation By Design Award. </p> <ul data-grid="main"> <li data-column="large-8 medium-12 small-4" data-text="center"> <p data-text="h0">B8 O0 1Iil</p> <p data-text="h0"> <span data-filter="blur">B8 O0 1Iil</span> </p> </li> <li data-column="large-4 medium-12 small-4"> <p> Designed for low-vision readers, certain letters and numbers can be hard to distinguish from one another. Atkinson Hyperlegible Pro differentiates common misinterpreted letters and numbers using various design techniques: B vs. 8, 1 vs. L vs. l vs. I. Recognizable Footprints: Character boundaries are clearly defined, ensuring understanding across the visual-ability spectrum. </p> </li> <li data-column="large-12 medium-12 small-4"> <p data-text="small"> With Atkinson Hyperlegible Pro, you don't have to worry about the fine print because it remains highly legible and readable even with reduced spacing and kerning thanks to the distinctive letterforms with exaggerated design, opened counter space, angled spurs and distinguish tails which increases legibility. </p> </li> <li data-column="large-3 medium-3 small-2"> <p data-text="h3">04</p> <p>Four fonts, with two weights, in both roman and oblique.</p> </li> <li data-column="large-3 medium-3 small-2"> <p data-text="h3">1,340</p> <p>One thousand, three hundred, and forty total glyphs.</p> </li> <li data-column="large-3 medium-3 small-2"> <p data-text="h3">335</p> <p>Three hundred and thirty-five glyphs per font.</p> </li> <li data-column="large-3 medium-3 small-2"> <p data-text="h3">Äěş27</p> <p>Accent characters supporting twenty-seven languages.</p> </li> <li data-column="large-3 medium-3 small-2"> <p data-text="h3">O01Iil</p> <p>Letter are different from each other to increase legibility.</p> </li> <li data-column="large-3 medium-3 small-2"> <p data-text="h3">ER79jr</p> <p>Exaggerated letters design, to provide better clarity.</p> </li> <li data-column="large-3 medium-3 small-2"> <p data-text="h3">aGbgpqu</p> <p>Angled spurs and distinguish tails to increase recognition.</p> </li> <li data-column="large-3 medium-3 small-2"> <p data-text="h3">Csa36</p> <p>Opened counter space defines open spaces better.</p> </li> <li data-column="large-3 medium-3 small-2"> <p data-text="h3">Åöij%?¡,:</p> <p>Circular details links to the history of the braille dots.</p> </li> <li data-column="large-3 medium-3 small-2"> <p data-text="h3">fiffiflffl</p> <p>Standard ligatures to improve legibility and harmony.</p> </li> <li data-column="large-3 medium-3 small-2"> <p data-text="h3">0<span data-text="flip-zero">0</span>7</p> <p>Includes and alternative flipped number zero.</p> </li> <li data-column="large-3 medium-3 small-2"> <p data-text="h3">pToVc</p> <p>Improved kerning for body text, headings, and UI.</p> </li> <li data-column="large-6 medium-6 small-4"> <p data-text="h3">How quickly daft jumping zebras vex.</p> <p data-text>Regular 400</p> </li> <li data-column="large-6 medium-6 small-4"> <p data-text="h3"><em>How quickly daft jumping zebras vex.</em></p> <p data-text>Italic 400</p> </li> <li data-column="large-6 medium-6 small-4"> <p data-text="h3"> <strong>How quickly daft jumping zebras vex.</strong> </p> <p data-text>Bold 700</p> </li> <li data-column="large-6 medium-6 small-4"> <p data-text="h3"> <strong><em>How quickly daft jumping zebras vex.</em></strong> </p> <p data-text>Bold Italic 700</p> </li> <li data-column="large-6 medium-6 small-4"> <p data-text="h3">Flipping the zero</p> <p> By default the zero remains as it is, however you can flip the zero by adding <code>font-variant-numeric: slashed-zero;</code> to your CSS file. And thats it, the zero has been flipped! </p> </li> <li data-column="large-6 medium-6 small-4"> <p>Code Example:</p> <pre data-text="small" data-box="border padding"><code>body {
   font-family: "Atkinson Hyperlegible Pro";
   font-variant-numeric: slashed-zero;
 }
-</code></pre> </li> </ul> <p data-text="h2">Character Set</p> <p>Atkinson Hyperlegible Pro contains more then 335 glyphs per font, not all glyphs are presented here.</p> <p data-text="h4">Uppercase</p> <p data-text="h1">A B C D E F G H I J K L M N O P Q R S T U V W X Y Z</p> <p data-text="h4">Lowercase</p> <p data-text="h1">a b c d e f g h i j k l m n o p q r s t u v w x y z</p> <p data-text="h4">Numbers</p> <p data-text="h1">0 1 2 3 4 5 6 7 8 9 <span data-text="flip-zero">0</span></p> <p data-text="h4">Currency</p> <p data-text="h1">$ ¢ € ₫ ¤ ƒ ₲ £ ¥</p> <p data-text="h4">Punctuation</p> <p data-text="h1"> * \ · • : , … ! ¡ # . ? ¿ ” ’ ; / / _ { } [ ] ( ) — – - ‑ «» ‹› „ “” ‘’ ‚ ∙ ∕ @ & / ¶ § © ® &#127279; ™ ° | ¦ † ℓ ‡ ℮ ^ </p> <p data-text="h4">Math Symbols</p> <p data-text="h1">+ − × ÷ = ≠ > < ≥ ≤ ± ≈ ~ ¬ ∞ ∫ Ω Δ Π Σ √ ∂ μ % ‰ ◊</p> <hr> <p data-text="h3">About The Braille Institute</p> <p> Braille Institute is a nonprofit organization whose mission is to positively transform the lives of those with vision loss. Braille Institute serves more than 37,000 people through a variety of free programs, classes, and services at centers and community outreach locations throughout Southern California – from Santa Barbara to San Diego counties. Braille Institute admits students and clients of any race, color, national and ethnic origin, age, religion, and sexual orientation to all the rights, privileges, programs, and activities generally accorded or made available to students and clients of Braille Institute. We do not discriminate against the foregoing in the administration of any of our policies or programs. </p> </div> </template> </body></html>
\ No newline at end of file
+</code></pre> </li> </ul> <p data-text="h2">Character Set</p> <p> Atkinson Hyperlegible Pro contains more then 335 glyphs per font, not all glyphs are presented here. </p> <p data-text="h4">Uppercase</p> <p data-text="h1">A B C D E F G H I J K L M N O P Q R S T U V W X Y Z</p> <p data-text="h4">Lowercase</p> <p data-text="h1">a b c d e f g h i j k l m n o p q r s t u v w x y z</p> <p data-text="h4">Numbers</p> <p data-text="h1">0 1 2 3 4 5 6 7 8 9 <span data-text="flip-zero">0</span></p> <p data-text="h4">Currency</p> <p data-text="h1">$ ¢ € ₫ ¤ ƒ ₲ £ ¥</p> <p data-text="h4">Punctuation</p> <p data-text="h1"> * \ · • : , … ! ¡ # . ? ¿ ” ’ ; / / _ { } [ ] ( ) — – - ‑ «» ‹› „ “” ‘’ ‚ ∙ ∕ @ & / ¶ § © ® &#127279; ™ ° | ¦ † ℓ ‡ ℮ ^ </p> <p data-text="h4">Math Symbols</p> <p data-text="h1">+ − × ÷ = ≠ > < ≥ ≤ ± ≈ ~ ¬ ∞ ∫ Ω Δ Π Σ √ ∂ μ % ‰ ◊</p> <hr> <p data-text="h3">About The Braille Institute</p> <p> Braille Institute is a nonprofit organization whose mission is to positively transform the lives of those with vision loss. Braille Institute serves more than 37,000 people through a variety of free programs, classes, and services at centers and community outreach locations throughout Southern California – from Santa Barbara to San Diego counties. Braille Institute admits students and clients of any race, color, national and ethnic origin, age, religion, and sexual orientation to all the rights, privileges, programs, and activities generally accorded or made available to students and clients of Braille Institute. We do not discriminate against the foregoing in the administration of any of our policies or programs. </p> </template> </body></html>
\ No newline at end of file
diff --git a/kerning/index.html b/kerning/index.html
index d80ad0e..809a0bc 100644
--- a/kerning/index.html
+++ b/kerning/index.html
@@ -1 +1 @@
-<!doctype html><html lang="en" id="top"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="robots" content="INDEX, FOLLOW"><meta name="description" content="Atkinson Hyperlegible Pro is an update to the original typeface designed for The Braille Institute and named after its founder J. Robert Atkinson."><meta name="author" content="Jacob Perez"><title>Atkinson Hyperlegible Pro - With Alternative Flipped Zero</title><link rel="preload" href="/atkinson-hyperlegible-pro/templates/a.7b1ee141.html" as="fetch" type="text/html" crossorigin><link rel="stylesheet" href="/atkinson-hyperlegible-pro/index.0c63f772.css"><script src="/atkinson-hyperlegible-pro/index.c648594b.js"></script><script type="module" src="/atkinson-hyperlegible-pro/index.3772ccbd.js"></script><script>meta.type="fullPage",meta.title="Atkinson <br> Hyperlegible Pro";</script></head><body> <template id="headerTemplate"> <p data-text="h4"> Improvised Text for Checking Kerning </p> </template> <template id="contentTemplate"> <div data-column="large-12"> <p data-text="h2">Lowercase</p> <p> lynx tuft frogs, dolphins abduct by proxy the ever awkward klutz, dud, dummkopf, jinx snubnose filmgoer, orphan sgt. renfruw grudgek reyfus, md. sikh psych if halt tympany jewelry sri heh! twyer vs jojo pneu fylfot alcaaba son of nonplussed halfbreed bubbly playboy guggenheim daddy coccyx sgraffito effect, vacuum dirndle impossible attempt to disvalue, muzzle the afghan czech czar and exninja, bob bixby dvorak wood dhurrie savvy, dizzy eye aeon circumcision uvula scrungy picnic luxurious special type carbohydrate ovoid adzuki kumquat bomb? afterglows gold girl pygmy gnome lb. ankhs acme aggroupment akmed brouhha tv wt. ujjain ms. oz abacus mnemonics bhikku khaki bwana aorta embolism vivid owls often kvetch otherwise, wysiwyg densfort wright you’ve absorbed rhythm, put obstacle kyaks krieg kern wurst subject enmity equity coquet quorum pique tzetse hepzibah sulfhydryl briefcase ajax ehler kafka fjord elfship halfdressed jugful eggcup hummingbirds swingdevil bagpipe legwork reproachful hunchback archknave baghdad wejh rijswijk rajbansi rajput ajdir okay weekday obfuscate subpoena liebknecht marcgravia ecbolic arcticward dickcissel pincpinc boldface maidkin adjective adcraft adman dwarfness applejack darkbrown kiln palzy always farmland flimflam unbossy nonlineal stepbrother lapdog stopgap sx countdown basketball beaujolais vb. bauhaus flowchart aztec lazy bozo syrup tarzan annoying dyke yucky hawg gagzhukz cuzco squire when hiho mayhem nietzsche szasz gumdrop milk emplotment ambidextrously lacquer byway ecclesiastes stubchen hobgoblins crabmill aqua hawaii blvd. subquality byzantine empire debt obvious cervantes jekabzeel anecdote flicflac mechanicville bedbug couldn’t i’ve it’s they’ll they’d dpt. headquarter burkhardt xerxes atkins govt. ebenezer lg. lhama amtrak amway fixity axmen quumbabda upjohn hrumpf </p> <p data-text="h2">Uppercase</p> <p> LYNX TUFT FROGS, DOLPHINS ABDUCT BY PROXY THE EVER AWKWARD KLUTZ, DUD, DUMMKOPF, JINX SNUBNOSE FILMGOER, ORPHAN SGT. RENFRUW GRUDGEK REYFUS, MD. SIKH PSYCH IF HALT TYMPANY JEWELRY SRI HEH! TWYER VS JOJO PNEU FYLFOT ALCAABA SON OF NONPLUSSED HALFBREED BUBBLY PLAYBOY GUGGENHEIM DADDY COCCYX SGRAFFITO EFFECT, VACUUM DIRNDLE IMPOSSIBLE ATTEMPT TO DISVALUE, MUZZLE THE AFGHAN CZECH CZAR AND EXNINJA, BOB BIXBY DVORAK WOOD DHURRIE SAVVY, DIZZY EYE AEON CIRCUMCISION UVULA SCRUNGY PICNIC LUXURIOUS SPECIAL TYPE CARBOHYDRATE OVOID ADZUKI KUMQUAT BOMB? AFTERGLOWS GOLD GIRL PYGMY GNOME LB. ANKHS ACME AGGROUPMENT AKMED BROUHHA TV WT. UJJAIN MS. OZ ABACUS MNEMONICS BHIKKU KHAKI BWANA AORTA EMBOLISM VIVID OWLS OFTEN KVETCH OTHERWISE, WYSIWYG DENSFORT WRIGHT YOU’VE ABSORBED RHYTHM, PUT OBSTACLE KYAKS KRIEG KERN WURST SUBJECT ENMITY EQUITY COQUET QUORUM PIQUE TZETSE HEPZIBAH SULFHYDRYL BRIEFCASE AJAX EHLER KAFKA FJORD ELFSHIP HALFDRESSED JUGFUL EGGCUP HUMMINGBIRDS SWINGDEVIL BAGPIPE LEGWORK REPROACHFUL HUNCHBACK ARCHKNAVE BAGHDAD WEJH RIJSWIJK RAJBANSI RAJPUT AJDIR OKAY WEEKDAY OBFUSCATE SUBPOENA LIEBKNECHT MARCGRAVIA ECBOLIC ARCTICWARD DICKCISSEL PINCPINC BOLDFACE MAIDKIN ADJECTIVE ADCRAFT ADMAN DWARFNESS APPLEJACK DARKBROWN KILN PALZY ALWAYS FARMLAND FLIMFLAM UNBOSSY NONLINEAL STEPBROTHER LAPDOG STOPGAP SX COUNTDOWN BASKETBALL BEAUJOLAIS VB. BAUHAUS FLOWCHART AZTEC LAZY BOZO SYRUP TARZAN ANNOYING DYKE YUCKY HAWG GAGZHUKZ CUZCO SQUIRE WHEN HIHO MAYHEM NIETZSCHE SZASZ GUMDROP MILK EMPLOTMENT AMBIDEXTROUSLY LACQUER BYWAY ECCLESIASTES STUBCHEN HOBGOBLINS CRABMILL AQUA HAWAII BLVD. SUBQUALITY BYZANTINE EMPIRE DEBT OBVIOUS CERVANTES JEKABZEEL ANECDOTE FLICFLAC MECHANICVILLE BEDBUG COULDN’T I’VE IT’S THEY’LL THEY’D DPT. HEADQUARTER BURKHARDT XERXES ATKINS GOVT. EBENEZER LG. LHAMA AMTRAK AMWAY FIXITY AXMEN QUUMBABDA UPJOHN HRUMPF </p> <p data-text="h2">Sentence</p> <p> Aaron Abraham Adam Aeneas Agfa Ahoy Aileen Akbar Alanon Americanism Anglican Aorta April Fool’s Day Aqua Lung (Tm.) Arabic Ash Wednesday Authorized Version Ave Maria Away Axel Ay Aztec Bauhaus Bhutan Bill Bjorn Bk Btu. Bvart Bzonga California Cb Cd Cervantes Chicago Clute City, Tx. Cmdr. Cnossus Coco Cracker State, Georgia Cs Ct. Cwacker Cyrano David Debra Dharma Diane Djakarta Dm Dnepr Doris Dudley Dwayne Dylan Dzerzhinsk Eames Ectomorph Eden Eerie Effingham, Il. Egypt Eiffel Tower Eject Ekland Elmore Entreaty Eolian Epstein Equine Erasmus Eskimo Ethiopia Europe Eva Ewan Exodus Jan van Eyck Ezra Fabian February Fhara Fifi Fjord Florida Fm France Fs Ft. Fury Fyn Gabriel Gc Gdynia Gehrig Ghana Gilligan Karl Gjellerup Gk. Glen Gm Gnosis Gp.E. Gregory Gs Gt. Br. Guinevere Gwathmey Gypsy Gzags Hebrew Hf Hg Hileah Horace Hrdlicka Hsia Hts. Hubert Hwang Hai Hyacinth Hz. Iaccoca Ibsen Iceland Idaho If Iggy Ihre Ijit Ike Iliad Immediate Innocent Ione Ipswitch Iquarus Ireland Island It Iud Ivert Iwerks Ixnay Iy Jasper Jenks Jherry Jill Jm Jn Jorge Jr. Julie Kerry Kharma Kiki Klear Koko Kruse Kusack Kylie Laboe Lb. Leslie Lhihane Llama Lorrie Lt. Lucy Lyle Madeira Mechanic Mg. Minnie Morrie Mr. Ms. Mt. Music My Nanny Nellie Nillie Novocane Null Nyack Oak Oblique Occarina Odd Oedipus Off Ogmane Ohio Oil Oj Oklahoma Olio Omni Only Oops Opera Oqu Order Ostra Ottmar Out Ovum Ow Ox Oyster Oz Parade Pd. Pepe Pfister Pg. Phil Pippi Pj Please Pneumonia Porridge Price Psalm Pt. Purple Pv Pw Pyre Qt. Quincy Radio Rd. Red Rhea Right Rj Roche Rr Rs Rt. Rural Rwanda Ryder Sacrifice Series Sgraffito Shirt Sister Skeet Slow Smore Snoop Soon Special Squire Sr St. Suzy Svelte Swiss Sy Szach Td Teach There Title Total Trust Tsena Tulip Twice Tyler Tzean Ua Udder Ue Uf Ugh Uh Ui Uk Ul Um Unkempt Uo Up Uq Ursula Use Utmost Uvula Uw Uxurious Uzßai Valerie Velour Vh Vicky Volvo Vs Water Were Where With World Wt. Wulk Wyler Xavier Xerox Xi Xylophone Yaboe Year Yipes Yo Ypsilant Ys Yu Zabar’s Zero Zhane Zizi Zorro Zu Zy Don’t I’ll I’m I’se </p> <p data-text="h2">Kerning Pairs</p> <p data-text> Av Aw Ay Az Fa Fe Fi Fo Fu Kv Kw Ky Pa Pe Po Ta Te Ti To Tr Ts Tu Ty Va Ve Vo Vr Vu Vy Wa We Wr Wv Wy AC AT AVA AWA AYA AV AW AY AZ CT CYC FA FE FO KV KW KY LO LV LY NG OD PA PA PE PO TA TA TE TI TO TR TS TU TY UA VA VA VE VO VR VU VY WA WO WA WE WR WV WY YS </p> <p data-text="h2">Punctuation</p> <p data-text> A… A. A: A, A; A! A? B… B. B: B, B; B! B? C… C. C: C, C; C! C? D… D. D: D, D; D! D? E… E. E: E, E; E! E? F… F. F: F, F; F! F? G… G. G: G, G; G! G? H… H. H: H, H; H! H? I… I. I: I, I; I! I? J… J. J: J, J; J! J? K… K. K: K, K; K! K? L… L. L: L, L; L! L? M… M. M: M, M; M! M? N… N. N: N, N; N! N? O… O. O: O, O; O! O? P… P. P: P, P; P! P? Q… Q. Q: Q, Q; Q! Q? R… R. R: R, R; R! R? S… S. S: S, S; S! S? T… T. T: T, T; T! T? U… U. U: U, U; U! U? V… V. V: V, V; V! V? W… W. W: W, W; W! W? X… X. X: X, X; X! X? Y… Y. Y: Y, Y; Y! Y? Z… Z. Z: Z, Z; Z! Z? a… a. a: a, a; a! a? b… b. b: b, b; b! b? c… c. c: c, c; c! c? d… d. d: d, d; d! d? e… e. e: e, e; e! e? f… f. f: f, f; f! f? g… g. g: g, g; g! g? h… h. h: h, h; h! h? i… i. i: i, i; i! i? j… j. j: j, j; j! j? k… k. k: k, k; k! k? l… l. l: l, l; l! l? m… m. m: m, m; m! m? n… n. n: n, n; n! n? o… o. o: o, o; o! o? p… p. p: p, p; p! p? q… q. q: q, q; q! q? r… r. r: r, r; r! r? s… s. s: s, s; s! s? t… t. t: t, t; t! t? u… u. u: u, u; u! u? v… v. v: v, v; v! v? w… w. w: w, w; w! w? x… x. x: x, x; x! x? y… y. y: y, y; y! y? z… z. z: z, z; z! z? </p> <p data-text="h2">Numbers</p> <p data-text> 00 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 (1)(2)(3)(4)(5)(6)(7)(8)(9)(0) $00 $10 $20 $30 $40 $50 $60 $70 $80 $90 £00 £10 £20 £30 £40 £50 £60 £70 £80 £90 00¢ 11¢ 22¢ 33¢ 44¢ 55¢ 66¢ 77¢ 88¢ 99¢ 00% 0‰ 0-0.0,0…0° 11% 1‰ 1-1.1,1…1° 12% 2‰ 2-2.2,2…2° 13% 3‰ 3-3.3,3…3° 14% 4‰ 4-4.4,4…4° 15% 5‰ 5-5.5,5…5° 16% 6‰ 6-6.6,6…6° 17% 7‰ 7-7.7,7…7° 18% 8‰ 8-8.8,8…8° 19% 9‰ 9-9.9,9…9° </p> </div> </template> </body></html>
\ No newline at end of file
+<!doctype html><html lang="en" id="top"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="robots" content="INDEX, FOLLOW"><meta name="description" content="Atkinson Hyperlegible Pro is an update to the original typeface designed for The Braille Institute and named after its founder J. Robert Atkinson."><meta name="author" content="Jacob Perez"><title>Atkinson Hyperlegible Pro - With Alternative Flipped Zero</title><link rel="preload" href="/atkinson-hyperlegible-pro/templates/a.7b1ee141.html" as="fetch" type="text/html" crossorigin><link rel="stylesheet" href="/atkinson-hyperlegible-pro/index.0c63f772.css"><script src="/atkinson-hyperlegible-pro/index.c648594b.js"></script><script type="module" src="/atkinson-hyperlegible-pro/index.3772ccbd.js"></script><script>meta.type="fullPage",meta.title="Atkinson <br> Hyperlegible Pro";</script></head><body> <template id="headerTemplate"> <p data-text="h4">Improvised Text for Checking Kerning</p> </template> <template id="contentTemplate"> <p data-text="h2">Lowercase</p> <p> lynx tuft frogs, dolphins abduct by proxy the ever awkward klutz, dud, dummkopf, jinx snubnose filmgoer, orphan sgt. renfruw grudgek reyfus, md. sikh psych if halt tympany jewelry sri heh! twyer vs jojo pneu fylfot alcaaba son of nonplussed halfbreed bubbly playboy guggenheim daddy coccyx sgraffito effect, vacuum dirndle impossible attempt to disvalue, muzzle the afghan czech czar and exninja, bob bixby dvorak wood dhurrie savvy, dizzy eye aeon circumcision uvula scrungy picnic luxurious special type carbohydrate ovoid adzuki kumquat bomb? afterglows gold girl pygmy gnome lb. ankhs acme aggroupment akmed brouhha tv wt. ujjain ms. oz abacus mnemonics bhikku khaki bwana aorta embolism vivid owls often kvetch otherwise, wysiwyg densfort wright you’ve absorbed rhythm, put obstacle kyaks krieg kern wurst subject enmity equity coquet quorum pique tzetse hepzibah sulfhydryl briefcase ajax ehler kafka fjord elfship halfdressed jugful eggcup hummingbirds swingdevil bagpipe legwork reproachful hunchback archknave baghdad wejh rijswijk rajbansi rajput ajdir okay weekday obfuscate subpoena liebknecht marcgravia ecbolic arcticward dickcissel pincpinc boldface maidkin adjective adcraft adman dwarfness applejack darkbrown kiln palzy always farmland flimflam unbossy nonlineal stepbrother lapdog stopgap sx countdown basketball beaujolais vb. bauhaus flowchart aztec lazy bozo syrup tarzan annoying dyke yucky hawg gagzhukz cuzco squire when hiho mayhem nietzsche szasz gumdrop milk emplotment ambidextrously lacquer byway ecclesiastes stubchen hobgoblins crabmill aqua hawaii blvd. subquality byzantine empire debt obvious cervantes jekabzeel anecdote flicflac mechanicville bedbug couldn’t i’ve it’s they’ll they’d dpt. headquarter burkhardt xerxes atkins govt. ebenezer lg. lhama amtrak amway fixity axmen quumbabda upjohn hrumpf </p> <p data-text="h2">Uppercase</p> <p> LYNX TUFT FROGS, DOLPHINS ABDUCT BY PROXY THE EVER AWKWARD KLUTZ, DUD, DUMMKOPF, JINX SNUBNOSE FILMGOER, ORPHAN SGT. RENFRUW GRUDGEK REYFUS, MD. SIKH PSYCH IF HALT TYMPANY JEWELRY SRI HEH! TWYER VS JOJO PNEU FYLFOT ALCAABA SON OF NONPLUSSED HALFBREED BUBBLY PLAYBOY GUGGENHEIM DADDY COCCYX SGRAFFITO EFFECT, VACUUM DIRNDLE IMPOSSIBLE ATTEMPT TO DISVALUE, MUZZLE THE AFGHAN CZECH CZAR AND EXNINJA, BOB BIXBY DVORAK WOOD DHURRIE SAVVY, DIZZY EYE AEON CIRCUMCISION UVULA SCRUNGY PICNIC LUXURIOUS SPECIAL TYPE CARBOHYDRATE OVOID ADZUKI KUMQUAT BOMB? AFTERGLOWS GOLD GIRL PYGMY GNOME LB. ANKHS ACME AGGROUPMENT AKMED BROUHHA TV WT. UJJAIN MS. OZ ABACUS MNEMONICS BHIKKU KHAKI BWANA AORTA EMBOLISM VIVID OWLS OFTEN KVETCH OTHERWISE, WYSIWYG DENSFORT WRIGHT YOU’VE ABSORBED RHYTHM, PUT OBSTACLE KYAKS KRIEG KERN WURST SUBJECT ENMITY EQUITY COQUET QUORUM PIQUE TZETSE HEPZIBAH SULFHYDRYL BRIEFCASE AJAX EHLER KAFKA FJORD ELFSHIP HALFDRESSED JUGFUL EGGCUP HUMMINGBIRDS SWINGDEVIL BAGPIPE LEGWORK REPROACHFUL HUNCHBACK ARCHKNAVE BAGHDAD WEJH RIJSWIJK RAJBANSI RAJPUT AJDIR OKAY WEEKDAY OBFUSCATE SUBPOENA LIEBKNECHT MARCGRAVIA ECBOLIC ARCTICWARD DICKCISSEL PINCPINC BOLDFACE MAIDKIN ADJECTIVE ADCRAFT ADMAN DWARFNESS APPLEJACK DARKBROWN KILN PALZY ALWAYS FARMLAND FLIMFLAM UNBOSSY NONLINEAL STEPBROTHER LAPDOG STOPGAP SX COUNTDOWN BASKETBALL BEAUJOLAIS VB. BAUHAUS FLOWCHART AZTEC LAZY BOZO SYRUP TARZAN ANNOYING DYKE YUCKY HAWG GAGZHUKZ CUZCO SQUIRE WHEN HIHO MAYHEM NIETZSCHE SZASZ GUMDROP MILK EMPLOTMENT AMBIDEXTROUSLY LACQUER BYWAY ECCLESIASTES STUBCHEN HOBGOBLINS CRABMILL AQUA HAWAII BLVD. SUBQUALITY BYZANTINE EMPIRE DEBT OBVIOUS CERVANTES JEKABZEEL ANECDOTE FLICFLAC MECHANICVILLE BEDBUG COULDN’T I’VE IT’S THEY’LL THEY’D DPT. HEADQUARTER BURKHARDT XERXES ATKINS GOVT. EBENEZER LG. LHAMA AMTRAK AMWAY FIXITY AXMEN QUUMBABDA UPJOHN HRUMPF </p> <p data-text="h2">Sentence</p> <p> Aaron Abraham Adam Aeneas Agfa Ahoy Aileen Akbar Alanon Americanism Anglican Aorta April Fool’s Day Aqua Lung (Tm.) Arabic Ash Wednesday Authorized Version Ave Maria Away Axel Ay Aztec Bauhaus Bhutan Bill Bjorn Bk Btu. Bvart Bzonga California Cb Cd Cervantes Chicago Clute City, Tx. Cmdr. Cnossus Coco Cracker State, Georgia Cs Ct. Cwacker Cyrano David Debra Dharma Diane Djakarta Dm Dnepr Doris Dudley Dwayne Dylan Dzerzhinsk Eames Ectomorph Eden Eerie Effingham, Il. Egypt Eiffel Tower Eject Ekland Elmore Entreaty Eolian Epstein Equine Erasmus Eskimo Ethiopia Europe Eva Ewan Exodus Jan van Eyck Ezra Fabian February Fhara Fifi Fjord Florida Fm France Fs Ft. Fury Fyn Gabriel Gc Gdynia Gehrig Ghana Gilligan Karl Gjellerup Gk. Glen Gm Gnosis Gp.E. Gregory Gs Gt. Br. Guinevere Gwathmey Gypsy Gzags Hebrew Hf Hg Hileah Horace Hrdlicka Hsia Hts. Hubert Hwang Hai Hyacinth Hz. Iaccoca Ibsen Iceland Idaho If Iggy Ihre Ijit Ike Iliad Immediate Innocent Ione Ipswitch Iquarus Ireland Island It Iud Ivert Iwerks Ixnay Iy Jasper Jenks Jherry Jill Jm Jn Jorge Jr. Julie Kerry Kharma Kiki Klear Koko Kruse Kusack Kylie Laboe Lb. Leslie Lhihane Llama Lorrie Lt. Lucy Lyle Madeira Mechanic Mg. Minnie Morrie Mr. Ms. Mt. Music My Nanny Nellie Nillie Novocane Null Nyack Oak Oblique Occarina Odd Oedipus Off Ogmane Ohio Oil Oj Oklahoma Olio Omni Only Oops Opera Oqu Order Ostra Ottmar Out Ovum Ow Ox Oyster Oz Parade Pd. Pepe Pfister Pg. Phil Pippi Pj Please Pneumonia Porridge Price Psalm Pt. Purple Pv Pw Pyre Qt. Quincy Radio Rd. Red Rhea Right Rj Roche Rr Rs Rt. Rural Rwanda Ryder Sacrifice Series Sgraffito Shirt Sister Skeet Slow Smore Snoop Soon Special Squire Sr St. Suzy Svelte Swiss Sy Szach Td Teach There Title Total Trust Tsena Tulip Twice Tyler Tzean Ua Udder Ue Uf Ugh Uh Ui Uk Ul Um Unkempt Uo Up Uq Ursula Use Utmost Uvula Uw Uxurious Uzßai Valerie Velour Vh Vicky Volvo Vs Water Were Where With World Wt. Wulk Wyler Xavier Xerox Xi Xylophone Yaboe Year Yipes Yo Ypsilant Ys Yu Zabar’s Zero Zhane Zizi Zorro Zu Zy Don’t I’ll I’m I’se </p> <p data-text="h2">Kerning Pairs</p> <p data-text> Av Aw Ay Az Fa Fe Fi Fo Fu Kv Kw Ky Pa Pe Po Ta Te Ti To Tr Ts Tu Ty Va Ve Vo Vr Vu Vy Wa We Wr Wv Wy AC AT AVA AWA AYA AV AW AY AZ CT CYC FA FE FO KV KW KY LO LV LY NG OD PA PA PE PO TA TA TE TI TO TR TS TU TY UA VA VA VE VO VR VU VY WA WO WA WE WR WV WY YS </p> <p data-text="h2">Punctuation</p> <p data-text> A… A. A: A, A; A! A? B… B. B: B, B; B! B? C… C. C: C, C; C! C? D… D. D: D, D; D! D? E… E. E: E, E; E! E? F… F. F: F, F; F! F? G… G. G: G, G; G! G? H… H. H: H, H; H! H? I… I. I: I, I; I! I? J… J. J: J, J; J! J? K… K. K: K, K; K! K? L… L. L: L, L; L! L? M… M. M: M, M; M! M? N… N. N: N, N; N! N? O… O. O: O, O; O! O? P… P. P: P, P; P! P? Q… Q. Q: Q, Q; Q! Q? R… R. R: R, R; R! R? S… S. S: S, S; S! S? T… T. T: T, T; T! T? U… U. U: U, U; U! U? V… V. V: V, V; V! V? W… W. W: W, W; W! W? X… X. X: X, X; X! X? Y… Y. Y: Y, Y; Y! Y? Z… Z. Z: Z, Z; Z! Z? a… a. a: a, a; a! a? b… b. b: b, b; b! b? c… c. c: c, c; c! c? d… d. d: d, d; d! d? e… e. e: e, e; e! e? f… f. f: f, f; f! f? g… g. g: g, g; g! g? h… h. h: h, h; h! h? i… i. i: i, i; i! i? j… j. j: j, j; j! j? k… k. k: k, k; k! k? l… l. l: l, l; l! l? m… m. m: m, m; m! m? n… n. n: n, n; n! n? o… o. o: o, o; o! o? p… p. p: p, p; p! p? q… q. q: q, q; q! q? r… r. r: r, r; r! r? s… s. s: s, s; s! s? t… t. t: t, t; t! t? u… u. u: u, u; u! u? v… v. v: v, v; v! v? w… w. w: w, w; w! w? x… x. x: x, x; x! x? y… y. y: y, y; y! y? z… z. z: z, z; z! z? </p> <p data-text="h2">Numbers</p> <p data-text> 00 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 (1)(2)(3)(4)(5)(6)(7)(8)(9)(0) $00 $10 $20 $30 $40 $50 $60 $70 $80 $90 £00 £10 £20 £30 £40 £50 £60 £70 £80 £90 00¢ 11¢ 22¢ 33¢ 44¢ 55¢ 66¢ 77¢ 88¢ 99¢ 00% 0‰ 0-0.0,0…0° 11% 1‰ 1-1.1,1…1° 12% 2‰ 2-2.2,2…2° 13% 3‰ 3-3.3,3…3° 14% 4‰ 4-4.4,4…4° 15% 5‰ 5-5.5,5…5° 16% 6‰ 6-6.6,6…6° 17% 7‰ 7-7.7,7…7° 18% 8‰ 8-8.8,8…8° 19% 9‰ 9-9.9,9…9° </p> </template> </body></html>
\ No newline at end of file
diff --git a/src/index.html b/src/index.html
index afac245..b914930 100644
--- a/src/index.html
+++ b/src/index.html
@@ -33,179 +33,178 @@
         </template>
 
         <template id="contentTemplate">
-            <div data-column="large-12 medium-12 small-4">
-                <p data-text="h5">
-                    Atkinson Hyperlegible Pro is an update to the
-                    <a href="https://brailleinstitute.org/freefont">original typeface</a> designed
-                    for <a href="https://brailleinstitute.org/">The Braille Institute</a> and named
-                    after its founder J. Robert Atkinson. It departs from traditional typographic
-                    design to incorporate unambiguous, distinctive letterforms to increase character
-                    recognition, ultimately improving legibility and readability for low-vision
-                    readers. The typeface was a Winner of Fast Company’s 2019 Innovation By Design
-                    Award.
-                </p>
-
-                <ul data-grid="main">
-                    <li data-column="large-8 medium-12 small-4" data-text="center">
-                        <p data-text="h0">B8 O0 1Iil</p>
-                        <p data-text="h0">
-                            <span data-filter="blur">B8 O0 1Iil</span>
-                        </p>
-                    </li>
-                    <li data-column="large-4 medium-12 small-4">
-                        <p>
-                            Designed for low-vision readers, certain letters and numbers can be hard
-                            to distinguish from one another. Atkinson Hyperlegible Pro
-                            differentiates common misinterpreted letters and numbers using various
-                            design techniques: B vs. 8, 1 vs. L vs. l vs. I. Recognizable
-                            Footprints: Character boundaries are clearly defined, ensuring
-                            understanding across the visual-ability spectrum.
-                        </p>
-                    </li>
-                    <li data-column="large-12 medium-12 small-4">
-                        <p data-text="small">
-                            With Atkinson Hyperlegible Pro, you don't have to worry about the fine
-                            print because it remains highly legible and readable even with reduced
-                            spacing and kerning thanks to the distinctive letterforms with
-                            exaggerated design, opened counter space, angled spurs and distinguish
-                            tails which increases legibility.
-                        </p>
-                    </li>
-                    <li data-column="large-3 medium-3 small-2">
-                        <p data-text="h3">04</p>
-                        <p>Four fonts, with two weights, in both roman and oblique.</p>
-                    </li>
-                    <li data-column="large-3 medium-3 small-2">
-                        <p data-text="h3">1,340</p>
-                        <p>One thousand, three hundred, and forty total glyphs.</p>
-                    </li>
-                    <li data-column="large-3 medium-3 small-2">
-                        <p data-text="h3">335</p>
-                        <p>Three hundred and thirty-five glyphs per font.</p>
-                    </li>
-                    <li data-column="large-3 medium-3 small-2">
-                        <p data-text="h3">Äěş27</p>
-                        <p>Accent characters supporting twenty-seven languages.</p>
-                    </li>
-                    <li data-column="large-3 medium-3 small-2">
-                        <p data-text="h3">O01Iil</p>
-                        <p>Letter are different from each other to increase legibility.</p>
-                    </li>
-                    <li data-column="large-3 medium-3 small-2">
-                        <p data-text="h3">ER79jr</p>
-                        <p>Exaggerated letters design, to provide better clarity.</p>
-                    </li>
-                    <li data-column="large-3 medium-3 small-2">
-                        <p data-text="h3">aGbgpqu</p>
-                        <p>Angled spurs and distinguish tails to increase recognition.</p>
-                    </li>
-                    <li data-column="large-3 medium-3 small-2">
-                        <p data-text="h3">Csa36</p>
-                        <p>Opened counter space defines open spaces better.</p>
-                    </li>
-                    <li data-column="large-3 medium-3 small-2">
-                        <p data-text="h3">Åöij%?¡,:</p>
-                        <p>Circular details links to the history of the braille dots.</p>
-                    </li>
-                    <li data-column="large-3 medium-3 small-2">
-                        <p data-text="h3">fiffiflffl</p>
-                        <p>Standard ligatures to improve legibility and harmony.</p>
-                    </li>
-                    <li data-column="large-3 medium-3 small-2">
-                        <p data-text="h3">0<span data-text="flip-zero">0</span>7</p>
-                        <p>Includes and alternative flipped number zero.</p>
-                    </li>
-                    <li data-column="large-3 medium-3 small-2">
-                        <p data-text="h3">pToVc</p>
-                        <p>Improved kerning for body text, headings, and UI.</p>
-                    </li>
-                    <li data-column="large-6 medium-6 small-4">
-                        <p data-text="h3">How quickly daft jumping zebras vex.</p>
-                        <p data-text="">Regular 400</p>
-                    </li>
-                    <li data-column="large-6 medium-6 small-4">
-                        <p data-text="h3"><em>How quickly daft jumping zebras vex.</em></p>
-                        <p data-text="">Italic 400</p>
-                    </li>
-                    <li data-column="large-6 medium-6 small-4">
-                        <p data-text="h3">
-                            <strong>How quickly daft jumping zebras vex.</strong>
-                        </p>
-                        <p data-text="">Bold 700</p>
-                    </li>
-                    <li data-column="large-6 medium-6 small-4">
-                        <p data-text="h3">
-                            <strong><em>How quickly daft jumping zebras vex.</em></strong>
-                        </p>
-                        <p data-text="">Bold Italic 700</p>
-                    </li>
-
-                    <li data-column="large-6 medium-6 small-4">
-                        <p data-text="h3">Flipping the zero</p>
-                        <p>
-                            By default the zero remains as it is, however you can flip the zero by
-                            adding <code>font-variant-numeric: slashed-zero;</code> to your CSS
-                            file. And thats it, the zero has been flipped!
-                        </p>
-                    </li>
-                    <li data-column="large-6 medium-6 small-4">
-                        <p>Code Example:</p>
-                        <pre data-text="small" data-box="border padding"><code>body {
+            <p data-text="h5">
+                Atkinson Hyperlegible Pro is an update to the
+                <a href="https://brailleinstitute.org/freefont">original typeface</a> designed for
+                <a href="https://brailleinstitute.org/">The Braille Institute</a> and named after
+                its founder J. Robert Atkinson. It departs from traditional typographic design to
+                incorporate unambiguous, distinctive letterforms to increase character recognition,
+                ultimately improving legibility and readability for low-vision readers. The typeface
+                was a Winner of Fast Company’s 2019 Innovation By Design Award.
+            </p>
+
+            <ul data-grid="main">
+                <li data-column="large-8 medium-12 small-4" data-text="center">
+                    <p data-text="h0">B8 O0 1Iil</p>
+                    <p data-text="h0">
+                        <span data-filter="blur">B8 O0 1Iil</span>
+                    </p>
+                </li>
+                <li data-column="large-4 medium-12 small-4">
+                    <p>
+                        Designed for low-vision readers, certain letters and numbers can be hard to
+                        distinguish from one another. Atkinson Hyperlegible Pro differentiates
+                        common misinterpreted letters and numbers using various design techniques: B
+                        vs. 8, 1 vs. L vs. l vs. I. Recognizable Footprints: Character boundaries
+                        are clearly defined, ensuring understanding across the visual-ability
+                        spectrum.
+                    </p>
+                </li>
+                <li data-column="large-12 medium-12 small-4">
+                    <p data-text="small">
+                        With Atkinson Hyperlegible Pro, you don't have to worry about the fine print
+                        because it remains highly legible and readable even with reduced spacing and
+                        kerning thanks to the distinctive letterforms with exaggerated design,
+                        opened counter space, angled spurs and distinguish tails which increases
+                        legibility.
+                    </p>
+                </li>
+                <li data-column="large-3 medium-3 small-2">
+                    <p data-text="h3">04</p>
+                    <p>Four fonts, with two weights, in both roman and oblique.</p>
+                </li>
+                <li data-column="large-3 medium-3 small-2">
+                    <p data-text="h3">1,340</p>
+                    <p>One thousand, three hundred, and forty total glyphs.</p>
+                </li>
+                <li data-column="large-3 medium-3 small-2">
+                    <p data-text="h3">335</p>
+                    <p>Three hundred and thirty-five glyphs per font.</p>
+                </li>
+                <li data-column="large-3 medium-3 small-2">
+                    <p data-text="h3">Äěş27</p>
+                    <p>Accent characters supporting twenty-seven languages.</p>
+                </li>
+                <li data-column="large-3 medium-3 small-2">
+                    <p data-text="h3">O01Iil</p>
+                    <p>Letter are different from each other to increase legibility.</p>
+                </li>
+                <li data-column="large-3 medium-3 small-2">
+                    <p data-text="h3">ER79jr</p>
+                    <p>Exaggerated letters design, to provide better clarity.</p>
+                </li>
+                <li data-column="large-3 medium-3 small-2">
+                    <p data-text="h3">aGbgpqu</p>
+                    <p>Angled spurs and distinguish tails to increase recognition.</p>
+                </li>
+                <li data-column="large-3 medium-3 small-2">
+                    <p data-text="h3">Csa36</p>
+                    <p>Opened counter space defines open spaces better.</p>
+                </li>
+                <li data-column="large-3 medium-3 small-2">
+                    <p data-text="h3">Åöij%?¡,:</p>
+                    <p>Circular details links to the history of the braille dots.</p>
+                </li>
+                <li data-column="large-3 medium-3 small-2">
+                    <p data-text="h3">fiffiflffl</p>
+                    <p>Standard ligatures to improve legibility and harmony.</p>
+                </li>
+                <li data-column="large-3 medium-3 small-2">
+                    <p data-text="h3">0<span data-text="flip-zero">0</span>7</p>
+                    <p>Includes and alternative flipped number zero.</p>
+                </li>
+                <li data-column="large-3 medium-3 small-2">
+                    <p data-text="h3">pToVc</p>
+                    <p>Improved kerning for body text, headings, and UI.</p>
+                </li>
+                <li data-column="large-6 medium-6 small-4">
+                    <p data-text="h3">How quickly daft jumping zebras vex.</p>
+                    <p data-text="">Regular 400</p>
+                </li>
+                <li data-column="large-6 medium-6 small-4">
+                    <p data-text="h3"><em>How quickly daft jumping zebras vex.</em></p>
+                    <p data-text="">Italic 400</p>
+                </li>
+                <li data-column="large-6 medium-6 small-4">
+                    <p data-text="h3">
+                        <strong>How quickly daft jumping zebras vex.</strong>
+                    </p>
+                    <p data-text="">Bold 700</p>
+                </li>
+                <li data-column="large-6 medium-6 small-4">
+                    <p data-text="h3">
+                        <strong><em>How quickly daft jumping zebras vex.</em></strong>
+                    </p>
+                    <p data-text="">Bold Italic 700</p>
+                </li>
+
+                <li data-column="large-6 medium-6 small-4">
+                    <p data-text="h3">Flipping the zero</p>
+                    <p>
+                        By default the zero remains as it is, however you can flip the zero by
+                        adding <code>font-variant-numeric: slashed-zero;</code> to your CSS file.
+                        And thats it, the zero has been flipped!
+                    </p>
+                </li>
+                <li data-column="large-6 medium-6 small-4">
+                    <p>Code Example:</p>
+                    <pre data-text="small" data-box="border padding"><code>body {
   font-family: "Atkinson Hyperlegible Pro";
   font-variant-numeric: slashed-zero;
 }
 </code></pre>
-                    </li>
-                </ul>
+                </li>
+            </ul>
 
-                <p data-text="h2">Character Set</p>
+            <p data-text="h2">Character Set</p>
 
-                <p>Atkinson Hyperlegible Pro contains more then 335 glyphs per font, not all glyphs are presented here.</p>
+            <p>
+                Atkinson Hyperlegible Pro contains more then 335 glyphs per font, not all glyphs are
+                presented here.
+            </p>
 
-                <p data-text="h4">Uppercase</p>
+            <p data-text="h4">Uppercase</p>
 
-                <p data-text="h1">A B C D E F G H I J K L M N O P Q R S T U V W X Y Z</p>
+            <p data-text="h1">A B C D E F G H I J K L M N O P Q R S T U V W X Y Z</p>
 
-                <p data-text="h4">Lowercase</p>
+            <p data-text="h4">Lowercase</p>
 
-                <p data-text="h1">a b c d e f g h i j k l m n o p q r s t u v w x y z</p>
+            <p data-text="h1">a b c d e f g h i j k l m n o p q r s t u v w x y z</p>
 
-                <p data-text="h4">Numbers</p>
+            <p data-text="h4">Numbers</p>
 
-                <p data-text="h1">0 1 2 3 4 5 6 7 8 9 <span data-text="flip-zero">0</span></p>
+            <p data-text="h1">0 1 2 3 4 5 6 7 8 9 <span data-text="flip-zero">0</span></p>
 
-                <p data-text="h4">Currency</p>
+            <p data-text="h4">Currency</p>
 
-                <p data-text="h1">$ ¢ € ₫ ¤ ƒ ₲ £ ¥</p>
+            <p data-text="h1">$ ¢ € ₫ ¤ ƒ ₲ £ ¥</p>
 
-                <p data-text="h4">Punctuation</p>
+            <p data-text="h4">Punctuation</p>
 
-                <p data-text="h1">
-                    * \ · • : , … ! ¡ # . ? ¿ ” ’ ; / / _ { } [ ] ( ) — – - ‑ «» ‹› „ “” ‘’ ‚ ∙ ∕ @
-                    & / ¶ § © ® &#127279; ™ ° | ¦ † ℓ ‡ ℮ ^
-                </p>
+            <p data-text="h1">
+                * \ · • : , … ! ¡ # . ? ¿ ” ’ ; / / _ { } [ ] ( ) — – - ‑ «» ‹› „ “” ‘’ ‚ ∙ ∕ @ & /
+                ¶ § © ® &#127279; ™ ° | ¦ † ℓ ‡ ℮ ^
+            </p>
 
-                <p data-text="h4">Math Symbols</p>
+            <p data-text="h4">Math Symbols</p>
 
-                <p data-text="h1">+ − × ÷ = ≠ > < ≥ ≤ ± ≈ ~ ¬ ∞ ∫ Ω Δ Π Σ √ ∂ μ % ‰ ◊</p>
+            <p data-text="h1">+ − × ÷ = ≠ > < ≥ ≤ ± ≈ ~ ¬ ∞ ∫ Ω Δ Π Σ √ ∂ μ % ‰ ◊</p>
 
-                <hr>
+            <hr />
 
-                <p data-text="h3">About The Braille Institute</p>
+            <p data-text="h3">About The Braille Institute</p>
 
-                <p>
-                    Braille Institute is a nonprofit organization whose mission is to positively
-                    transform the lives of those with vision loss. Braille Institute serves more
-                    than 37,000 people through a variety of free programs, classes, and services at
-                    centers and community outreach locations throughout Southern California – from
-                    Santa Barbara to San Diego counties. Braille Institute admits students and
-                    clients of any race, color, national and ethnic origin, age, religion, and
-                    sexual orientation to all the rights, privileges, programs, and activities
-                    generally accorded or made available to students and clients of Braille
-                    Institute. We do not discriminate against the foregoing in the administration of
-                    any of our policies or programs.
-                </p>
-            </div>
+            <p>
+                Braille Institute is a nonprofit organization whose mission is to positively
+                transform the lives of those with vision loss. Braille Institute serves more than
+                37,000 people through a variety of free programs, classes, and services at centers
+                and community outreach locations throughout Southern California – from Santa Barbara
+                to San Diego counties. Braille Institute admits students and clients of any race,
+                color, national and ethnic origin, age, religion, and sexual orientation to all the
+                rights, privileges, programs, and activities generally accorded or made available to
+                students and clients of Braille Institute. We do not discriminate against the
+                foregoing in the administration of any of our policies or programs.
+            </p>
         </template>
     </body>
 </html>
diff --git a/src/js/defer.js b/src/js/defer.js
index 55ef579..2cc9c70 100644
--- a/src/js/defer.js
+++ b/src/js/defer.js
@@ -32,7 +32,9 @@ let main = `
 
 if (meta.type === 'fullPage') {
     main = `
-        <div id="content" data-container data-grid="main"></div>
+        <div data-container data-grid="main">
+            <div id="content" data-column="large-12 medium-12 small-4"></div>
+        </div>
         `;
 }
 
diff --git a/src/kerning/index.html b/src/kerning/index.html
index 63ad662..83a7610 100644
--- a/src/kerning/index.html
+++ b/src/kerning/index.html
@@ -22,146 +22,135 @@
 
     <body>
         <template id="headerTemplate">
-            <p data-text="h4">
-                Improvised Text for Checking Kerning
-            </p>
+            <p data-text="h4">Improvised Text for Checking Kerning</p>
         </template>
 
         <template id="contentTemplate">
-            <div data-column="large-12">
-
-                <p data-text="h2">Lowercase</p>
+            <p data-text="h2">Lowercase</p>
 
-                <p>
-                    lynx tuft frogs, dolphins abduct by proxy the ever awkward klutz, dud, dummkopf,
-                    jinx snubnose filmgoer, orphan sgt. renfruw grudgek reyfus, md. sikh psych if
-                    halt tympany jewelry sri heh! twyer vs jojo pneu fylfot alcaaba son of
-                    nonplussed halfbreed bubbly playboy guggenheim daddy coccyx sgraffito effect,
-                    vacuum dirndle impossible attempt to disvalue, muzzle the afghan czech czar and
-                    exninja, bob bixby dvorak wood dhurrie savvy, dizzy eye aeon circumcision uvula
-                    scrungy picnic luxurious special type carbohydrate ovoid adzuki kumquat bomb?
-                    afterglows gold girl pygmy gnome lb. ankhs acme aggroupment akmed brouhha tv wt.
-                    ujjain ms. oz abacus mnemonics bhikku khaki bwana aorta embolism vivid owls
-                    often kvetch otherwise, wysiwyg densfort wright you’ve absorbed rhythm, put
-                    obstacle kyaks krieg kern wurst subject enmity equity coquet quorum pique tzetse
-                    hepzibah sulfhydryl briefcase ajax ehler kafka fjord elfship halfdressed jugful
-                    eggcup hummingbirds swingdevil bagpipe legwork reproachful hunchback archknave
-                    baghdad wejh rijswijk rajbansi rajput ajdir okay weekday obfuscate subpoena
-                    liebknecht marcgravia ecbolic arcticward dickcissel pincpinc boldface maidkin
-                    adjective adcraft adman dwarfness applejack darkbrown kiln palzy always farmland
-                    flimflam unbossy nonlineal stepbrother lapdog stopgap sx countdown basketball
-                    beaujolais vb. bauhaus flowchart aztec lazy bozo syrup tarzan annoying dyke
-                    yucky hawg gagzhukz cuzco squire when hiho mayhem nietzsche szasz gumdrop milk
-                    emplotment ambidextrously lacquer byway ecclesiastes stubchen hobgoblins
-                    crabmill aqua hawaii blvd. subquality byzantine empire debt obvious cervantes
-                    jekabzeel anecdote flicflac mechanicville bedbug couldn’t i’ve it’s they’ll
-                    they’d dpt. headquarter burkhardt xerxes atkins govt. ebenezer lg. lhama amtrak
-                    amway fixity axmen quumbabda upjohn hrumpf
-                </p>
+            <p>
+                lynx tuft frogs, dolphins abduct by proxy the ever awkward klutz, dud, dummkopf,
+                jinx snubnose filmgoer, orphan sgt. renfruw grudgek reyfus, md. sikh psych if halt
+                tympany jewelry sri heh! twyer vs jojo pneu fylfot alcaaba son of nonplussed
+                halfbreed bubbly playboy guggenheim daddy coccyx sgraffito effect, vacuum dirndle
+                impossible attempt to disvalue, muzzle the afghan czech czar and exninja, bob bixby
+                dvorak wood dhurrie savvy, dizzy eye aeon circumcision uvula scrungy picnic
+                luxurious special type carbohydrate ovoid adzuki kumquat bomb? afterglows gold girl
+                pygmy gnome lb. ankhs acme aggroupment akmed brouhha tv wt. ujjain ms. oz abacus
+                mnemonics bhikku khaki bwana aorta embolism vivid owls often kvetch otherwise,
+                wysiwyg densfort wright you’ve absorbed rhythm, put obstacle kyaks krieg kern wurst
+                subject enmity equity coquet quorum pique tzetse hepzibah sulfhydryl briefcase ajax
+                ehler kafka fjord elfship halfdressed jugful eggcup hummingbirds swingdevil bagpipe
+                legwork reproachful hunchback archknave baghdad wejh rijswijk rajbansi rajput ajdir
+                okay weekday obfuscate subpoena liebknecht marcgravia ecbolic arcticward dickcissel
+                pincpinc boldface maidkin adjective adcraft adman dwarfness applejack darkbrown kiln
+                palzy always farmland flimflam unbossy nonlineal stepbrother lapdog stopgap sx
+                countdown basketball beaujolais vb. bauhaus flowchart aztec lazy bozo syrup tarzan
+                annoying dyke yucky hawg gagzhukz cuzco squire when hiho mayhem nietzsche szasz
+                gumdrop milk emplotment ambidextrously lacquer byway ecclesiastes stubchen
+                hobgoblins crabmill aqua hawaii blvd. subquality byzantine empire debt obvious
+                cervantes jekabzeel anecdote flicflac mechanicville bedbug couldn’t i’ve it’s
+                they’ll they’d dpt. headquarter burkhardt xerxes atkins govt. ebenezer lg. lhama
+                amtrak amway fixity axmen quumbabda upjohn hrumpf
+            </p>
 
-                <p data-text="h2">Uppercase</p>
+            <p data-text="h2">Uppercase</p>
 
-                <p>
-                    LYNX TUFT FROGS, DOLPHINS ABDUCT BY PROXY THE EVER AWKWARD KLUTZ, DUD, DUMMKOPF,
-                    JINX SNUBNOSE FILMGOER, ORPHAN SGT. RENFRUW GRUDGEK REYFUS, MD. SIKH PSYCH IF
-                    HALT TYMPANY JEWELRY SRI HEH! TWYER VS JOJO PNEU FYLFOT ALCAABA SON OF
-                    NONPLUSSED HALFBREED BUBBLY PLAYBOY GUGGENHEIM DADDY COCCYX SGRAFFITO EFFECT,
-                    VACUUM DIRNDLE IMPOSSIBLE ATTEMPT TO DISVALUE, MUZZLE THE AFGHAN CZECH CZAR AND
-                    EXNINJA, BOB BIXBY DVORAK WOOD DHURRIE SAVVY, DIZZY EYE AEON CIRCUMCISION UVULA
-                    SCRUNGY PICNIC LUXURIOUS SPECIAL TYPE CARBOHYDRATE OVOID ADZUKI KUMQUAT BOMB?
-                    AFTERGLOWS GOLD GIRL PYGMY GNOME LB. ANKHS ACME AGGROUPMENT AKMED BROUHHA TV WT.
-                    UJJAIN MS. OZ ABACUS MNEMONICS BHIKKU KHAKI BWANA AORTA EMBOLISM VIVID OWLS
-                    OFTEN KVETCH OTHERWISE, WYSIWYG DENSFORT WRIGHT YOU’VE ABSORBED RHYTHM, PUT
-                    OBSTACLE KYAKS KRIEG KERN WURST SUBJECT ENMITY EQUITY COQUET QUORUM PIQUE TZETSE
-                    HEPZIBAH SULFHYDRYL BRIEFCASE AJAX EHLER KAFKA FJORD ELFSHIP HALFDRESSED JUGFUL
-                    EGGCUP HUMMINGBIRDS SWINGDEVIL BAGPIPE LEGWORK REPROACHFUL HUNCHBACK ARCHKNAVE
-                    BAGHDAD WEJH RIJSWIJK RAJBANSI RAJPUT AJDIR OKAY WEEKDAY OBFUSCATE SUBPOENA
-                    LIEBKNECHT MARCGRAVIA ECBOLIC ARCTICWARD DICKCISSEL PINCPINC BOLDFACE MAIDKIN
-                    ADJECTIVE ADCRAFT ADMAN DWARFNESS APPLEJACK DARKBROWN KILN PALZY ALWAYS FARMLAND
-                    FLIMFLAM UNBOSSY NONLINEAL STEPBROTHER LAPDOG STOPGAP SX COUNTDOWN BASKETBALL
-                    BEAUJOLAIS VB. BAUHAUS FLOWCHART AZTEC LAZY BOZO SYRUP TARZAN ANNOYING DYKE
-                    YUCKY HAWG GAGZHUKZ CUZCO SQUIRE WHEN HIHO MAYHEM NIETZSCHE SZASZ GUMDROP MILK
-                    EMPLOTMENT AMBIDEXTROUSLY LACQUER BYWAY ECCLESIASTES STUBCHEN HOBGOBLINS
-                    CRABMILL AQUA HAWAII BLVD. SUBQUALITY BYZANTINE EMPIRE DEBT OBVIOUS CERVANTES
-                    JEKABZEEL ANECDOTE FLICFLAC MECHANICVILLE BEDBUG COULDN’T I’VE IT’S THEY’LL
-                    THEY’D DPT. HEADQUARTER BURKHARDT XERXES ATKINS GOVT. EBENEZER LG. LHAMA AMTRAK
-                    AMWAY FIXITY AXMEN QUUMBABDA UPJOHN HRUMPF
-                </p>
+            <p>
+                LYNX TUFT FROGS, DOLPHINS ABDUCT BY PROXY THE EVER AWKWARD KLUTZ, DUD, DUMMKOPF,
+                JINX SNUBNOSE FILMGOER, ORPHAN SGT. RENFRUW GRUDGEK REYFUS, MD. SIKH PSYCH IF HALT
+                TYMPANY JEWELRY SRI HEH! TWYER VS JOJO PNEU FYLFOT ALCAABA SON OF NONPLUSSED
+                HALFBREED BUBBLY PLAYBOY GUGGENHEIM DADDY COCCYX SGRAFFITO EFFECT, VACUUM DIRNDLE
+                IMPOSSIBLE ATTEMPT TO DISVALUE, MUZZLE THE AFGHAN CZECH CZAR AND EXNINJA, BOB BIXBY
+                DVORAK WOOD DHURRIE SAVVY, DIZZY EYE AEON CIRCUMCISION UVULA SCRUNGY PICNIC
+                LUXURIOUS SPECIAL TYPE CARBOHYDRATE OVOID ADZUKI KUMQUAT BOMB? AFTERGLOWS GOLD GIRL
+                PYGMY GNOME LB. ANKHS ACME AGGROUPMENT AKMED BROUHHA TV WT. UJJAIN MS. OZ ABACUS
+                MNEMONICS BHIKKU KHAKI BWANA AORTA EMBOLISM VIVID OWLS OFTEN KVETCH OTHERWISE,
+                WYSIWYG DENSFORT WRIGHT YOU’VE ABSORBED RHYTHM, PUT OBSTACLE KYAKS KRIEG KERN WURST
+                SUBJECT ENMITY EQUITY COQUET QUORUM PIQUE TZETSE HEPZIBAH SULFHYDRYL BRIEFCASE AJAX
+                EHLER KAFKA FJORD ELFSHIP HALFDRESSED JUGFUL EGGCUP HUMMINGBIRDS SWINGDEVIL BAGPIPE
+                LEGWORK REPROACHFUL HUNCHBACK ARCHKNAVE BAGHDAD WEJH RIJSWIJK RAJBANSI RAJPUT AJDIR
+                OKAY WEEKDAY OBFUSCATE SUBPOENA LIEBKNECHT MARCGRAVIA ECBOLIC ARCTICWARD DICKCISSEL
+                PINCPINC BOLDFACE MAIDKIN ADJECTIVE ADCRAFT ADMAN DWARFNESS APPLEJACK DARKBROWN KILN
+                PALZY ALWAYS FARMLAND FLIMFLAM UNBOSSY NONLINEAL STEPBROTHER LAPDOG STOPGAP SX
+                COUNTDOWN BASKETBALL BEAUJOLAIS VB. BAUHAUS FLOWCHART AZTEC LAZY BOZO SYRUP TARZAN
+                ANNOYING DYKE YUCKY HAWG GAGZHUKZ CUZCO SQUIRE WHEN HIHO MAYHEM NIETZSCHE SZASZ
+                GUMDROP MILK EMPLOTMENT AMBIDEXTROUSLY LACQUER BYWAY ECCLESIASTES STUBCHEN
+                HOBGOBLINS CRABMILL AQUA HAWAII BLVD. SUBQUALITY BYZANTINE EMPIRE DEBT OBVIOUS
+                CERVANTES JEKABZEEL ANECDOTE FLICFLAC MECHANICVILLE BEDBUG COULDN’T I’VE IT’S
+                THEY’LL THEY’D DPT. HEADQUARTER BURKHARDT XERXES ATKINS GOVT. EBENEZER LG. LHAMA
+                AMTRAK AMWAY FIXITY AXMEN QUUMBABDA UPJOHN HRUMPF
+            </p>
 
-                <p data-text="h2">Sentence</p>
+            <p data-text="h2">Sentence</p>
 
-                <p>
-                    Aaron Abraham Adam Aeneas Agfa Ahoy Aileen Akbar Alanon Americanism Anglican
-                    Aorta April Fool’s Day Aqua Lung (Tm.) Arabic Ash Wednesday Authorized Version
-                    Ave Maria Away Axel Ay Aztec Bauhaus Bhutan Bill Bjorn Bk Btu. Bvart Bzonga
-                    California Cb Cd Cervantes Chicago Clute City, Tx. Cmdr. Cnossus Coco Cracker
-                    State, Georgia Cs Ct. Cwacker Cyrano David Debra Dharma Diane Djakarta Dm Dnepr
-                    Doris Dudley Dwayne Dylan Dzerzhinsk Eames Ectomorph Eden Eerie Effingham, Il.
-                    Egypt Eiffel Tower Eject Ekland Elmore Entreaty Eolian Epstein Equine Erasmus
-                    Eskimo Ethiopia Europe Eva Ewan Exodus Jan van Eyck Ezra Fabian February Fhara
-                    Fifi Fjord Florida Fm France Fs Ft. Fury Fyn Gabriel Gc Gdynia Gehrig Ghana
-                    Gilligan Karl Gjellerup Gk. Glen Gm Gnosis Gp.E. Gregory Gs Gt. Br. Guinevere
-                    Gwathmey Gypsy Gzags Hebrew Hf Hg Hileah Horace Hrdlicka Hsia Hts. Hubert Hwang
-                    Hai Hyacinth Hz. Iaccoca Ibsen Iceland Idaho If Iggy Ihre Ijit Ike Iliad
-                    Immediate Innocent Ione Ipswitch Iquarus Ireland Island It Iud Ivert Iwerks
-                    Ixnay Iy Jasper Jenks Jherry Jill Jm Jn Jorge Jr. Julie Kerry Kharma Kiki Klear
-                    Koko Kruse Kusack Kylie Laboe Lb. Leslie Lhihane Llama Lorrie Lt. Lucy Lyle
-                    Madeira Mechanic Mg. Minnie Morrie Mr. Ms. Mt. Music My Nanny Nellie Nillie
-                    Novocane Null Nyack Oak Oblique Occarina Odd Oedipus Off Ogmane Ohio Oil Oj
-                    Oklahoma Olio Omni Only Oops Opera Oqu Order Ostra Ottmar Out Ovum Ow Ox Oyster
-                    Oz Parade Pd. Pepe Pfister Pg. Phil Pippi Pj Please Pneumonia Porridge Price
-                    Psalm Pt. Purple Pv Pw Pyre Qt. Quincy Radio Rd. Red Rhea Right Rj Roche Rr Rs
-                    Rt. Rural Rwanda Ryder Sacrifice Series Sgraffito Shirt Sister Skeet Slow Smore
-                    Snoop Soon Special Squire Sr St. Suzy Svelte Swiss Sy Szach Td Teach There Title
-                    Total Trust Tsena Tulip Twice Tyler Tzean Ua Udder Ue Uf Ugh Uh Ui Uk Ul Um
-                    Unkempt Uo Up Uq Ursula Use Utmost Uvula Uw Uxurious Uzßai Valerie Velour Vh
-                    Vicky Volvo Vs Water Were Where With World Wt. Wulk Wyler Xavier Xerox Xi
-                    Xylophone Yaboe Year Yipes Yo Ypsilant Ys Yu Zabar’s Zero Zhane Zizi Zorro Zu Zy
-                    Don’t I’ll I’m I’se
-                </p>
+            <p>
+                Aaron Abraham Adam Aeneas Agfa Ahoy Aileen Akbar Alanon Americanism Anglican Aorta
+                April Fool’s Day Aqua Lung (Tm.) Arabic Ash Wednesday Authorized Version Ave Maria
+                Away Axel Ay Aztec Bauhaus Bhutan Bill Bjorn Bk Btu. Bvart Bzonga California Cb Cd
+                Cervantes Chicago Clute City, Tx. Cmdr. Cnossus Coco Cracker State, Georgia Cs Ct.
+                Cwacker Cyrano David Debra Dharma Diane Djakarta Dm Dnepr Doris Dudley Dwayne Dylan
+                Dzerzhinsk Eames Ectomorph Eden Eerie Effingham, Il. Egypt Eiffel Tower Eject Ekland
+                Elmore Entreaty Eolian Epstein Equine Erasmus Eskimo Ethiopia Europe Eva Ewan Exodus
+                Jan van Eyck Ezra Fabian February Fhara Fifi Fjord Florida Fm France Fs Ft. Fury Fyn
+                Gabriel Gc Gdynia Gehrig Ghana Gilligan Karl Gjellerup Gk. Glen Gm Gnosis Gp.E.
+                Gregory Gs Gt. Br. Guinevere Gwathmey Gypsy Gzags Hebrew Hf Hg Hileah Horace
+                Hrdlicka Hsia Hts. Hubert Hwang Hai Hyacinth Hz. Iaccoca Ibsen Iceland Idaho If Iggy
+                Ihre Ijit Ike Iliad Immediate Innocent Ione Ipswitch Iquarus Ireland Island It Iud
+                Ivert Iwerks Ixnay Iy Jasper Jenks Jherry Jill Jm Jn Jorge Jr. Julie Kerry Kharma
+                Kiki Klear Koko Kruse Kusack Kylie Laboe Lb. Leslie Lhihane Llama Lorrie Lt. Lucy
+                Lyle Madeira Mechanic Mg. Minnie Morrie Mr. Ms. Mt. Music My Nanny Nellie Nillie
+                Novocane Null Nyack Oak Oblique Occarina Odd Oedipus Off Ogmane Ohio Oil Oj Oklahoma
+                Olio Omni Only Oops Opera Oqu Order Ostra Ottmar Out Ovum Ow Ox Oyster Oz Parade Pd.
+                Pepe Pfister Pg. Phil Pippi Pj Please Pneumonia Porridge Price Psalm Pt. Purple Pv
+                Pw Pyre Qt. Quincy Radio Rd. Red Rhea Right Rj Roche Rr Rs Rt. Rural Rwanda Ryder
+                Sacrifice Series Sgraffito Shirt Sister Skeet Slow Smore Snoop Soon Special Squire
+                Sr St. Suzy Svelte Swiss Sy Szach Td Teach There Title Total Trust Tsena Tulip Twice
+                Tyler Tzean Ua Udder Ue Uf Ugh Uh Ui Uk Ul Um Unkempt Uo Up Uq Ursula Use Utmost
+                Uvula Uw Uxurious Uzßai Valerie Velour Vh Vicky Volvo Vs Water Were Where With World
+                Wt. Wulk Wyler Xavier Xerox Xi Xylophone Yaboe Year Yipes Yo Ypsilant Ys Yu Zabar’s
+                Zero Zhane Zizi Zorro Zu Zy Don’t I’ll I’m I’se
+            </p>
 
-                <p data-text="h2">Kerning Pairs</p>
+            <p data-text="h2">Kerning Pairs</p>
 
-                <p data-text="">
-                    Av Aw Ay Az Fa Fe Fi Fo Fu Kv Kw Ky Pa Pe Po Ta Te Ti To Tr Ts Tu Ty Va Ve Vo Vr
-                    Vu Vy Wa We Wr Wv Wy AC AT AVA AWA AYA AV AW AY AZ CT CYC FA FE FO KV KW KY LO
-                    LV LY NG OD PA PA PE PO TA TA TE TI TO TR TS TU TY UA VA VA VE VO VR VU VY WA WO
-                    WA WE WR WV WY YS
-                </p>
+            <p data-text="">
+                Av Aw Ay Az Fa Fe Fi Fo Fu Kv Kw Ky Pa Pe Po Ta Te Ti To Tr Ts Tu Ty Va Ve Vo Vr Vu
+                Vy Wa We Wr Wv Wy AC AT AVA AWA AYA AV AW AY AZ CT CYC FA FE FO KV KW KY LO LV LY NG
+                OD PA PA PE PO TA TA TE TI TO TR TS TU TY UA VA VA VE VO VR VU VY WA WO WA WE WR WV
+                WY YS
+            </p>
 
-                <p data-text="h2">Punctuation</p>
+            <p data-text="h2">Punctuation</p>
 
-                <p data-text="">
-                    A… A. A: A, A; A! A? B… B. B: B, B; B! B? C… C. C: C, C; C! C? D… D. D: D, D; D!
-                    D? E… E. E: E, E; E! E? F… F. F: F, F; F! F? G… G. G: G, G; G! G? H… H. H: H, H;
-                    H! H? I… I. I: I, I; I! I? J… J. J: J, J; J! J? K… K. K: K, K; K! K? L… L. L: L,
-                    L; L! L? M… M. M: M, M; M! M? N… N. N: N, N; N! N? O… O. O: O, O; O! O? P… P. P:
-                    P, P; P! P? Q… Q. Q: Q, Q; Q! Q? R… R. R: R, R; R! R? S… S. S: S, S; S! S? T… T.
-                    T: T, T; T! T? U… U. U: U, U; U! U? V… V. V: V, V; V! V? W… W. W: W, W; W! W? X…
-                    X. X: X, X; X! X? Y… Y. Y: Y, Y; Y! Y? Z… Z. Z: Z, Z; Z! Z? a… a. a: a, a; a! a?
-                    b… b. b: b, b; b! b? c… c. c: c, c; c! c? d… d. d: d, d; d! d? e… e. e: e, e; e!
-                    e? f… f. f: f, f; f! f? g… g. g: g, g; g! g? h… h. h: h, h; h! h? i… i. i: i, i;
-                    i! i? j… j. j: j, j; j! j? k… k. k: k, k; k! k? l… l. l: l, l; l! l? m… m. m: m,
-                    m; m! m? n… n. n: n, n; n! n? o… o. o: o, o; o! o? p… p. p: p, p; p! p? q… q. q:
-                    q, q; q! q? r… r. r: r, r; r! r? s… s. s: s, s; s! s? t… t. t: t, t; t! t? u… u.
-                    u: u, u; u! u? v… v. v: v, v; v! v? w… w. w: w, w; w! w? x… x. x: x, x; x! x? y…
-                    y. y: y, y; y! y? z… z. z: z, z; z! z?
-                </p>
+            <p data-text="">
+                A… A. A: A, A; A! A? B… B. B: B, B; B! B? C… C. C: C, C; C! C? D… D. D: D, D; D! D?
+                E… E. E: E, E; E! E? F… F. F: F, F; F! F? G… G. G: G, G; G! G? H… H. H: H, H; H! H?
+                I… I. I: I, I; I! I? J… J. J: J, J; J! J? K… K. K: K, K; K! K? L… L. L: L, L; L! L?
+                M… M. M: M, M; M! M? N… N. N: N, N; N! N? O… O. O: O, O; O! O? P… P. P: P, P; P! P?
+                Q… Q. Q: Q, Q; Q! Q? R… R. R: R, R; R! R? S… S. S: S, S; S! S? T… T. T: T, T; T! T?
+                U… U. U: U, U; U! U? V… V. V: V, V; V! V? W… W. W: W, W; W! W? X… X. X: X, X; X! X?
+                Y… Y. Y: Y, Y; Y! Y? Z… Z. Z: Z, Z; Z! Z? a… a. a: a, a; a! a? b… b. b: b, b; b! b?
+                c… c. c: c, c; c! c? d… d. d: d, d; d! d? e… e. e: e, e; e! e? f… f. f: f, f; f! f?
+                g… g. g: g, g; g! g? h… h. h: h, h; h! h? i… i. i: i, i; i! i? j… j. j: j, j; j! j?
+                k… k. k: k, k; k! k? l… l. l: l, l; l! l? m… m. m: m, m; m! m? n… n. n: n, n; n! n?
+                o… o. o: o, o; o! o? p… p. p: p, p; p! p? q… q. q: q, q; q! q? r… r. r: r, r; r! r?
+                s… s. s: s, s; s! s? t… t. t: t, t; t! t? u… u. u: u, u; u! u? v… v. v: v, v; v! v?
+                w… w. w: w, w; w! w? x… x. x: x, x; x! x? y… y. y: y, y; y! y? z… z. z: z, z; z! z?
+            </p>
 
-                <p data-text="h2">Numbers</p>
+            <p data-text="h2">Numbers</p>
 
-                <p data-text="">
-                    00 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26
-                    27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53
-                    54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80
-                    81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99
-                    (1)(2)(3)(4)(5)(6)(7)(8)(9)(0) $00 $10 $20 $30 $40 $50 $60 $70 $80 $90 £00 £10
-                    £20 £30 £40 £50 £60 £70 £80 £90 00¢ 11¢ 22¢ 33¢ 44¢ 55¢ 66¢ 77¢ 88¢ 99¢ 00% 0‰
-                    0-0.0,0…0° 11% 1‰ 1-1.1,1…1° 12% 2‰ 2-2.2,2…2° 13% 3‰ 3-3.3,3…3° 14% 4‰
-                    4-4.4,4…4° 15% 5‰ 5-5.5,5…5° 16% 6‰ 6-6.6,6…6° 17% 7‰ 7-7.7,7…7° 18% 8‰
-                    8-8.8,8…8° 19% 9‰ 9-9.9,9…9°
-                </p>
-            </div>
+            <p data-text="">
+                00 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27
+                28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55
+                56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83
+                84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 (1)(2)(3)(4)(5)(6)(7)(8)(9)(0) $00
+                $10 $20 $30 $40 $50 $60 $70 $80 $90 £00 £10 £20 £30 £40 £50 £60 £70 £80 £90 00¢ 11¢
+                22¢ 33¢ 44¢ 55¢ 66¢ 77¢ 88¢ 99¢ 00% 0‰ 0-0.0,0…0° 11% 1‰ 1-1.1,1…1° 12% 2‰
+                2-2.2,2…2° 13% 3‰ 3-3.3,3…3° 14% 4‰ 4-4.4,4…4° 15% 5‰ 5-5.5,5…5° 16% 6‰ 6-6.6,6…6°
+                17% 7‰ 7-7.7,7…7° 18% 8‰ 8-8.8,8…8° 19% 9‰ 9-9.9,9…9°
+            </p>
         </template>
     </body>
 </html>