serif18 weights·7 subsets
Noto Serif Display
The quick brown fox jumps over the lazy dog. 1234567890
Try it
Type your own text to preview
Use Noto Serif Display on your site
Copy an embed snippet, self-host it, or download the font files — no sign-up needed.
HTML <link>
<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=Noto+Serif+Display:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">CSS @import
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+Display:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');CSS rule
font-family: 'Noto Serif Display', serif;Self-host (Fontsource)
npm install @fontsource/noto-serif-displayDownload Noto Serif Display (.zip)
Font files from Google Fonts, under their open licenses.
About Noto Serif Display
Noto Serif Display is a serif typeface available on Google Fonts. It includes 18 weights and supports 7 language subsets.
Weights
100200300regular500600700800900100italic200italic300italicitalic500italic600italic700italic800italic900italic
Subsets
cyrilliccyrillic-extgreekgreek-extlatinlatin-extvietnamese
Use Noto Serif Display on FontDash
FontDash makes Noto Serif Display easy to test, pair with other fonts, and export as code or design tokens.
- • Test in your own copy with custom size and color
- • Find pairings that match its character
- • Build font palettes you can export to CSS, Tailwind, or Figma
- • Save it to a collection for later
Keep exploring