CSS Variable Font Previewer

Preview variable font features with weight, width, slant controls

Font Family

Variable Settings

400
100%
0deg

Sample Text

Live Preview

The quick brown fox jumps over the lazy dog

Generated CSS

@import url('https://fonts.googleapis.com/css2?family=Inter+Variable:wght@100..900&display=swap');

.text {
  font-family: 'Inter Variable', sans-serif;
  font-variation-settings: 
    'wght' 400,
    'wdth' 100,
    'slnt' 0;
}