Find matching font combinations. Visual tool with live preview and CSS code output.
Elegant serif + clean sans
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display&family=Source+Sans+3:wght@400;700&display=swap');
h1, h2, h3 {
font-family: 'Playfair Display', serif;
}
body, p {
font-family: 'Source Sans 3', sans-serif;
}<link href="https://fonts.googleapis.com/css2?family=Playfair+Display&family=Source+Sans+3:wght@400;700&display=swap" rel="stylesheet">
Use the visual controls to design.
See the live preview update.
Copy the generated CSS code.
Yes, all visual properties are fully adjustable.
Standard CSS that works in all modern browsers.
Use the browser's local storage to save your configurations.