Google Font Picker Free
Browse, preview and select from 100+ Google Fonts. Generate CSS import code for your projects instantly.
Font Picker Features
Find the perfect font for your project.
Browse and Preview
Search by font name to quickly find the font you need.
Filter by Serif, Sans-Serif, Display, Handwriting, or Monospace.
Type your own text and adjust font size to preview any font instantly.
CSS Output
Generate ready-to-use CSS @import statements for selected fonts.
Get the @import URL to add any font to your CSS stylesheet.
Copy import URLs and CSS to clipboard with a single click.
Use Cases
Find and integrate fonts into your websites and web apps.
Discover fonts for presentations, graphics, and branding.
All Google Fonts are free and open source.
Find the perfect font pairing for your brand.
About This Tool
This tool lets you preview and compare Google Fonts with your own sample text before committing to one for a project. Seeing a typeface set with real words, at the sizes you will actually use, tells you far more than a name in a list, since letterforms, spacing, and weight all affect readability.
Google Fonts is a large open-source library served freely for use on websites. Previewing here helps you judge pairing and legibility, and once you choose a font you can pick up the standard embed code from Google Fonts to load it. Testing sample text at heading and body sizes catches fonts that look elegant large but weak small.
How to Use It
- Type your own sample text.
- Browse and compare fonts at different sizes and weights.
- Note the fonts you like and grab their embed code from Google Fonts.
This space is available for sponsored content. Advertise here