Atkinson Hyperlegible Next

sans-serif

google

Getting Started

Install the variable version of this font by running the following command:

npm install @fontsource-variable/atkinson-hyperlegible-next

Include the following line in the root layout of your project to import the font:

ital

wght

// Supports weights 200-800
import '@fontsource-variable/atkinson-hyperlegible-next/wght.css';

jsx

Include the CSS in your project by adding the following line to your project:

body {
  font-family: 'Atkinson Hyperlegible Next Variable', sans-serif;
}

css

Font Details

Downloads: 130.67K

Last Modified: 2025-09-05