Atkinson Hyperlegible Pro is an update to the original typeface designed for The Braille Institute 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.
B8 O0 1Iil
B8 O0 1Iil
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.
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.
04
Four fonts, with two weights, in both roman and oblique.
1,640
One thousand, six hundred, and forty total glyphs.
410
Four hundred and ten glyphs per font.
Äěş84
Accent characters supporting eighty-four languages.
O01Iil
Letters are different from each other to increase legibility.
ER79jr
Exaggerated letters design, to provide better clarity.
Gbgpqu
Angled spurs and distinguish tails to increase recognition.
Csa36
Opened counter space defines open spaces better.
Å8iö?;
Circular details links to the history of the braille dots.
fiffiff
Standard ligatures to improve legibility and harmony.
007
Includes and alternative flipped number zero.
pToVc
Improved kerning for body text, headings, and UI.
How quickly daft jumping zebras vex.
Regular 400
How quickly daft jumping zebras vex.
Italic 400
How quickly daft jumping zebras vex.
Bold 700
How quickly daft jumping zebras vex.
Bold Italic 700
Flipping the zero
By default the zero remains as it is, however you can flip the zero by adding font-variant-numeric: slashed-zero; to your CSS file. And thats it, the zero has been flipped!
Code Example:
body {
+ Atkinson Hyperlegible Pro - With Alternative Flipped Zero, Improved Kerning and Ligatures Atkinson Hyperlegible Pro is an update to the original typeface designed for The Braille Institute 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.
-
B8 O0 1Iil
B8 O0 1Iil
-
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.
-
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.
-
04
Four fonts, with two weights, in both roman and oblique.
-
1,640
One thousand, six hundred, and forty total glyphs.
-
410
Four hundred and ten glyphs per font.
-
Äěş84
Accent characters supporting eighty-four languages.
-
O01Iil
Letters are different from each other to increase legibility.
-
ER79jr
Exaggerated letters design, to provide better clarity.
-
Gbgpqu
Angled spurs and distinguish tails to increase recognition.
-
Csa36
Opened counter space defines open spaces better.
-
Å8iö?;
Circular details links to the history of the braille dots.
-
fiffiff
Standard ligatures to improve legibility and harmony.
-
007
Includes and alternative flipped number zero.
-
pToVc
Improved kerning for body text, headings, and UI.
-
How quickly daft jumping zebras vex.
Regular 400
-
How quickly daft jumping zebras vex.
Italic 400
-
How quickly daft jumping zebras vex.
Bold 700
-
How quickly daft jumping zebras vex.
Bold Italic 700
-
Flipping the zero
By default the zero remains as it is, however you can flip the zero by adding font-variant-numeric: slashed-zero; to your CSS file. And thats it, the zero has been flipped!
-
Code Example:
body {
font-family: "Atkinson Hyperlegible Pro";
font-variant-numeric: slashed-zero;
}
diff --git a/src/index.html b/src/index.html
index 7f68d61..9050b4e 100644
--- a/src/index.html
+++ b/src/index.html
@@ -120,22 +120,22 @@
pToVc
Improved kerning for body text, headings, and UI.
- -
-
How quickly daft jumping zebras vex.
+ -
+
How quickly daft jumping zebras vex.
Regular 400
- -
-
How quickly daft jumping zebras vex.
+ -
+
How quickly daft jumping zebras vex.
Italic 400
- -
-
+
-
+
How quickly daft jumping zebras vex.
Bold 700
- -
-
+
-
+
How quickly daft jumping zebras vex.
Bold Italic 700