Font Pairings
Preview
Beautiful Typography
Subheading for your content
This is a sample paragraph showing how your body text will look. Good typography is essential for readability and creating a pleasant user experience. The pairing of fonts can make or break your design.
Caption text example with smaller font size.
Generated CSS
/* Google Fonts Import */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Inter:wght@400;500;600&display=swap');
/* Font Variables */
:root {
--font-heading: 'Inter', sans-serif;
--font-body: 'Inter', sans-serif;
}
/* Usage */
h1, h2, h3, h4, h5, h6 {
font-family: var(--font-heading);
}
body, p {
font-family: var(--font-body);
}