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…
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!
