CP

CSS Google Font Preview

Home/Tools/Google Font Preview

Preview Google Fonts with custom text, weight, and size. Generates @import and font-family CSS.

No sign-up neededRuns in your browserProduction-ready CSS

Font Family

Style

32px

Inter

loading...
The quick brown fox jumps over the lazy dog
300
400
600
700
900
Generated CSS
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400&display=swap');

.element {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 32px;
}

Related Tools

Fluid Typography

Generate responsive font sizes that scale smoothly between breakpoints.

CSS Clamp Generator

Generate clamp() values for fluid font-size, padding, margin, and width.

Line Height Tool

Calculate optimal line heights for better readability.