Typography Playground LogoTypography Playground
Google Sans
Google Sans
Google Sans Mono
Google Mono
Google Sans Code
Google Code
Geist Sans
Geist Sans
Geist Mono
Geist Mono
Inter
Inter
Space Grotesk
Space Grotesk
Google Sans Flex
Google Flex

Font Details

Google Sans

Variable Font with Weight, Optical Size, and Grade axes.

18
400
0

Typography

Alignment
Color
Text Transform
Text Decoration

Font Features

CSS Output

@font-face {
  font-family: 'Google Sans';
  font-style: normal;
  src: url('/fonts/google-sans/GoogleSansVariable.woff2') format('woff2-variations');
}

.preview-text {
  font-family: 'Google Sans', sans-serif;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0em;
  text-align: left;
  color: #000000;
  font-variation-settings: 'wght' 400, 'wdth' 100, 'opsz' 18;
}