Skip to content
Tg Typegrid

Font Previewer

Preview any Google Font with your own text, size, weight and spacing.

The quick brown fox jumps over the lazy dog.

CSS

font-family: 'Luvians Font', sans-serif;
font-weight: 400;

@font-face (self-hosted — no Google Fonts request needed)

@font-face {
  font-family: 'Luvians Font';
  src: url('https://earningstools.com/assets/fonts/luvians-font/luvians-font-100.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Luvians Font';
  src: url('https://earningstools.com/assets/fonts/luvians-font/luvians-font-300.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Luvians Font';
  src: url('https://earningstools.com/assets/fonts/luvians-font/luvians-font-regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Luvians Font';
  src: url('https://earningstools.com/assets/fonts/luvians-font/luvians-font-500.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Luvians Font';
  src: url('https://earningstools.com/assets/fonts/luvians-font/luvians-font-600.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Luvians Font';
  src: url('https://earningstools.com/assets/fonts/luvians-font/luvians-font-700.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Luvians Font';
  src: url('https://earningstools.com/assets/fonts/luvians-font/luvians-font-800.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Luvians Font';
  src: url('https://earningstools.com/assets/fonts/luvians-font/luvians-font-900.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

Direct file URLs

https://earningstools.com/assets/fonts/luvians-font/luvians-font-100.ttf
https://earningstools.com/assets/fonts/luvians-font/luvians-font-300.ttf
https://earningstools.com/assets/fonts/luvians-font/luvians-font-regular.ttf
https://earningstools.com/assets/fonts/luvians-font/luvians-font-500.ttf
https://earningstools.com/assets/fonts/luvians-font/luvians-font-600.ttf
https://earningstools.com/assets/fonts/luvians-font/luvians-font-700.ttf
https://earningstools.com/assets/fonts/luvians-font/luvians-font-800.ttf
https://earningstools.com/assets/fonts/luvians-font/luvians-font-900.ttf

How to Use This Tool

Choose a font, type your own text, then adjust size, weight, spacing and alignment to see it live.

Examples

Try switching between a sans-serif like Inter and a serif like Lora to see how weight and spacing changes affect readability differently across font styles.

FAQ

Is this font previewer free to use? +

Yes, the font previewer is completely free and requires no account.

Can I preview my own text? +

Yes, type or paste any text into the preview box to see it rendered live in the selected font.

Does this download the font to my computer? +

No — the preview loads the font temporarily from Google Fonts for display only, it does not install anything.

CSS Generator Font Comparison Browse all fonts