Font Preview Tool
About this tool: Browse, preview and test different Google Fonts for your website. This tool provides a live preview of how text will look with various fonts, sizes, weights, and styles.
How to use: Search for fonts by name or filter by category, then select a font from the list. Adjust text properties like size, weight, and color to see how they look. Copy the generated HTML and CSS code to use in your projects.
🔍
Loading fonts…
px
The quick brown fox jumps over the lazy dog.
1234567890 !@#$%^&*()
Font Family: Roboto
Category: Sans Serif
Available Weights: 100, 300, 400, 500, 700, 900
Available Styles: Normal, Italic
<!-- HTML -->
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400&display=swap" rel="stylesheet">
/* CSS */
.my-text {
font-family: 'Roboto', sans-serif;
font-size: 24px;
font-weight: 400;
color: #333333;
}
Code copied to clipboard!