CP

CSS Google Fonts Generator

Home/Tools/Google Fonts Generator

Select and combine multiple Google Fonts with weight/style variants and get the full import code.

No sign-up neededRuns in your browserProduction-ready CSS

Select Font

Weights

Preview — Poppins

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

/* Apply the font */
body {
  font-family: 'Poppins', sans-serif;
}

/* Available weights */
.font-400 { font-weight: 400; }
.font-700 { font-weight: 700; }

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.