Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
/* Custom stack with serif fallback */ body { font-family: "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } /* Code blocks — monospace stack */ code, pre { font-family: "Cascadia Code", "Fira Code", "Courier New", Courier, monospace; } /* System UI font stack */ .system-ui { font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif; } /* Heading with display font */ h1, h2, h3 { font-family: "Playfair Display", Georgia, "Times New Roman", serif; } /* Emoji font fallback */ .emoji { font-family: "Noto Color Emoji", "Apple Color Emoji", "Segoe UI Emoji", sans-serif; }
Result
Open