Skip to content
Fontsource Logo

Noto Sans Display

sans-serif
google

Installation

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

npm install @fontsource-variable/noto-sans-display
sh

Import

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

ital
wdth
wght
// Supports weights 100-900
import '@fontsource-variable/noto-sans-display/wght.css';
jsx

CSS

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

body {
  font-family: 'Noto Sans Display Variable', sans-serif;
}
css

Font Details

Download Icon

Downloads: 80.78K

Edit Icon

Last Modified: 2025-09-10