2. Mudanças essenciais
Definir variáveis globais
css
Copiar
Editar
:root {
--font-h1: 700 48px/1.3 "Playfair Display", serif;
--font-h2: 700 32px/1.4 "Playfair Display", serif;
--font-h3: 600 24px/1.5 "Montserrat", sans-serif;
--font-body: 400 16px/1.6 "Lato", sans-serif;
--font-cta: 600 14px/1.4 "Poppins", sans-serif;
}
Aplicar no CSS
css
Copiar
Editar
h1 { font: var(--font-h1); }
h2 { font: var(--font-h2); }
h3, .subtitulo { font: var(--font-h3); text-transform: uppercase; letter-spacing: 1px; }
p, li { font: var(--font-body); }
.btn, .cta { font: var(--font-cta); text-transform: uppercase; }
Aj
top of page
bottom of page
