Typography Playground

Font Details

Google Sans

Variable Font with Weight and Width axes.

Weight (wght)400

Width (wdth)100

Optical Size (opsz)14

Typography

Size (px)

Font Style

Line Height

Letter Spacing (em)

Word Spacing (em)

Text Indent (px)

Paragraph Spacing (em)

Alignment

Color

Text Transform

Text Decoration

Font Features

CSS Output

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

.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' 14;
}