Skip to content

Commit

Permalink
Update info
Browse files Browse the repository at this point in the history
  • Loading branch information
@jacobxperez
jacobxperez committed Sep 28, 2023
1 parent 07cb6bf commit 0c2d9f6
Show file tree
Hide file tree
Showing 4 changed files with 15 additions and 8 deletions.
4 changes: 2 additions & 2 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -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, Improved Kerning and Ligatures </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,604</p> <p>One thousand, six hundred, and four total glyphs.</p> </li> <li data-column="large-3 medium-3 small-2"> <p data-text="h3">401</p> <p>Four hundred and one glyphs per font.</p> </li> <li data-column="large-3 medium-3 small-2"> <p data-text="h3">Äěş82</p> <p>Accent characters supporting eighty-two languages.</p> </li> <li data-column="large-3 medium-3 small-2"> <p data-text="h3">O01Iil</p> <p>Letters 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">Å8iö?;</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">fiffiff</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, Improved Kerning and Ligatures </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,604</p> <p>One thousand, six hundred, and four total glyphs.</p> </li> <li data-column="large-3 medium-3 small-2"> <p data-text="h3">401</p> <p>Four hundred and one glyphs per font.</p> </li> <li data-column="large-3 medium-3 small-2"> <p data-text="h3">Äěş82</p> <p>Accent characters supporting eighty-two languages.</p> </li> <li data-column="large-3 medium-3 small-2"> <p data-text="h3">O01Iil</p> <p>Letters 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">Gbgpqu</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">Å8iö?;</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">fiffiff</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="h3">Language Support (82)</p> <p> Afrikaans Albanian Asu Basque Bemba Bena Breton Catalan Chiga Colognian Cornish Croatian Czech Danish Dutch English Estonian Faroese Filipino Finnish French Friulian Galician German Gusii Hungarian Icelandic Indonesian Irish Italian Kabuverdianu Kalenjin Kinyarwanda Latvian Lithuanian Lower Sorbian Luo Luxembourgish Luyia Machame Makhuwa-Meetto Makonde Malagasy Maltese Manx Morisyen North Ndebele Norwegian Bokmål Norwegian Nynorsk Nyankole Oromo Polish Portuguese Quechua Romanian Romansh Rombo Rundi Rwa Samburu Sango Sangu Scottish Gaelic Sena Serbian Shambala Shona Soga Somali Spanish Swahili Swedish Swiss German Taita Teso Upper Sorbian Uzbek (Latin) Volapük Vunjo Welsh Western Frisian Zulu. </p> <p data-text="h2">Character Set</p> <p> Atkinson Hyperlegible Pro contains an additional 34 glyphs plus the original 367 glyphs, not all glyphs are presented here. </p> <p data-text="h4 uppercase">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 uppercase">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 uppercase">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 uppercase">Currency</p> <p data-text="h1">$ ¢ € ₫ ¤ ƒ £ ¥</p> <p data-text="h4 uppercase">Punctuation</p> <p data-text="h1"> * \ · • : , … ! ¡ # . ? ¿ ” ’ ; / / _ { } [ ] ( ) — – - ‑ «» ‹› „ “” ‘’ ‚ ∙ ∕ @ & / ¶ § © ® &#127279; ™ ° | ¦ † ℓ ‡ ℮ ^ </p> <p data-text="h4 uppercase">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>
</code></pre> </li> </ul> <p data-text="h3">Language Support (82)</p> <p> Afrikaans Albanian Asu Basque Bemba Bena Breton Catalan Chiga Colognian Cornish Croatian Czech Danish Dutch English Estonian Faroese Filipino Finnish French Friulian Galician German Gusii Hungarian Icelandic Indonesian Irish Italian Kabuverdianu Kalenjin Kinyarwanda Latvian Lithuanian Lower Sorbian Luo Luxembourgish Luyia Machame Makhuwa-Meetto Makonde Malagasy Maltese Manx Morisyen North Ndebele Norwegian Bokmål Norwegian Nynorsk Nyankole Oromo Polish Portuguese Quechua Romanian Romansh Rombo Rundi Rwa Samburu Sango Sangu Scottish Gaelic Sena Serbian Shambala Shona Soga Somali Spanish Swahili Swedish Swiss German Taita Teso Upper Sorbian Uzbek (Latin) Volapük Vunjo Welsh Western Frisian Zulu. </p> <p data-text="h2">Character Set</p> <p> Atkinson Hyperlegible Pro contains an additional 34 glyphs plus the original 367, not all glyphs are presented here. </p> <p data-text="h4 uppercase">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 uppercase">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 uppercase">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 uppercase">Currency</p> <p data-text="h1">$ ¢ € ₫ ¤ ƒ £ ¥</p> <p data-text="h4 uppercase">Punctuation</p> <p data-text="h1"> * \ · • : , … ! ¡ # . ? ¿ ” ’ ; / / _ { } [ ] ( ) — – - ‑ «» ‹› „ “” ‘’ ‚ ∙ ∕ @ & / ¶ § © ® &#127279; ™ ° | ¦ † ℓ ‡ ℮ ^ </p> <p data-text="h4 uppercase">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>
Loading

0 comments on commit 0c2d9f6

Please sign in to comment.