sans-serif8 weights·25 subsets

Google Sans

The quick brown fox jumps over the lazy dog. 1234567890

Try it

Type your own text to preview

Use Google Sans 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=Google+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
CSS @import
@import url('https://fonts.googleapis.com/css2?family=Google+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');
CSS rule
font-family: 'Google Sans', sans-serif;
Self-host (Fontsource)
npm install @fontsource/google-sans
Download Google Sans (.zip)

Font files from Google Fonts, under their open licenses.

About Google Sans

Google Sans is a sans-serif typeface available on Google Fonts. It includes 8 weights and supports 25 language subsets.

Weights

regular500600700italic500italic600italic700italic

Subsets

armenianbengalicanadian-aboriginalcyrilliccyrillic-extdevanagariethiopicgeorgiangreekgreek-extgujaratigurmukhihebrewkhmerlaolatinlatin-extmalayalamoriyasinhalasymbolstamilteluguthaivietnamese

Use Google Sans on FontDash

FontDash makes Google Sans 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