Browse and preview popular Google Fonts. Select weights, customize preview text, and generate ready-to-use CSS and HTML code.

How to Use

• Browse: Scroll through the font cards or use search
• Filter: Filter by category (serif, sans-serif, etc.)
• Select: Click a font card to see preview and options
• Customize: Change preview text, size, and weight
• Copy: Get the link tag, @import, or CSS code

<!-- Link tag in head -->
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">

/* @import in CSS */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');

/* Usage in CSS */
font-family: 'Roboto', sans-serif;