Skip to content
Kolorvia

Atkinson Hyperlegible

Sans Serif

The quick brown fox jumps over the lazy dog — 0123456789 & @#%

Atkinson Hyperlegible is a free, open-source sans-serif typeface by Braille Institute, Applied Design Works, Elliott Scott, Megan Eiswerth, Linus Boman, Theodore Petrosky, on Google Fonts since 2021. It ships in 4 styles across 2 weights, including italics, and covers 2 writing systems, including Latin, Latin Extended. It currently ranks #100 in Google Fonts' popularity data. Everything below is live: test it at real sizes, adjust weight and spacing, preview it in your own colors with WCAG contrast checks, and copy ready-to-use embed code.

Specimens

Regular 400 at 13px

The quick brown fox jumps over the lazy dog — 0123456789 & @#%

Regular 400 at 16px

The quick brown fox jumps over the lazy dog — 0123456789 & @#%

Regular 400 at 24px

The quick brown fox jumps over the lazy dog — 0123456789 & @#%

Regular 400 at 32px

The quick brown fox jumps over the lazy dog — 0123456789 & @#%

Bold 700 at 24px

The quick brown fox jumps over the lazy dog — 0123456789 & @#%

Try it in your colors

Type your own text, set your text and background colors, and check the pairing passes WCAG before it ships. Edits stay on this page — nothing is saved or sent anywhere.

A heading in Atkinson Hyperlegible

Body text set in Atkinson Hyperlegible. Click anywhere in this preview and type your own words — the colors, the contrast score, and the typeface all update live.

Body text: Large text: Full contrast report →

Use it on your site

HTML <head> 
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:wght@400;700&display=swap" rel="stylesheet">
CSS 
font-family: 'Atkinson Hyperlegible', sans-serif;
CSS @import (alternative to the <link> tag) 
@import url('https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:wght@400;700&display=swap');
Tailwind CSS v4 
@theme {
  --font-atkinson-hyperlegible: "Atkinson Hyperlegible", sans-serif;
}
/* then use: class="font-atkinson-hyperlegible" */

Similar sans serif fonts

Schibsted Grotesk Schibsted Grotesk Inter Tight Inter Tight Cabin Cabin Stick No Bills Stick No Bills Gothic A1 Gothic A1 Electrolize Electrolize

Now pick its colors

A typeface needs a palette — generate one, then come back and test the pairing above.

Generate a palette → Open the contrast checker

We use cookies for site preferences and, where enabled, Google Analytics and Google AdSense — which may use cookies to personalize ads based on your visits here and elsewhere. See our Privacy Policy for details. Your color tool inputs are never sent to us regardless of your choice.