/* ========================================================================== FONTES DA MARCA O site usa três famílias: Bevenida → títulos e display (--f-display) Visby → corpo de texto e interface (--f-sans) Handsome → palavras-chave manuscritas (--f-hand) As três são licenciadas e não existem no Google Fonts, então ainda não estão no projeto. Enquanto isso valem as substitutas carregadas no do index.html: Bevenida → Bodoni Moda (serifada de alto contraste) Visby → Jost (sem serifa geométrica) Handsome → Caveat (manuscrita natural) ┌──────────────────────────────────────────────────────────────────────┐ │ COMO INSTALAR AS FONTES ORIGINAIS — 3 passos │ │ │ │ 1. Converta os arquivos para .woff2 em https://transfonter.org │ │ (aceita .otf e .ttf; o .woff2 fica ~5x menor) │ │ │ │ 2. Coloque em assets/fonts/ com exatamente estes nomes: │ │ bevenida-regular.woff2 │ │ bevenida-italic.woff2 │ │ visby-light.woff2 │ │ visby-regular.woff2 │ │ visby-medium.woff2 │ │ handsome.woff2 │ │ │ │ 3. Apague a linha logo abaixo que começa com barra-asterisco e a │ │ linha asterisco-barra do fim do arquivo. É só isso: as fontes │ │ entram sozinhas e as substitutas somem. │ │ │ │ Opcional: no index.html e no 404.html você pode então remover as │ │ três linhas do Google Fonts, eliminando a última requisição externa │ │ do site. │ └──────────────────────────────────────────────────────────────────────┘ Os blocos ficam desligados de propósito: apontar para arquivos que não existem geraria 6 requisições 404 a cada carregamento da página. ========================================================================== */ /* APAGUE ESTA LINHA PARA ATIVAR AS FONTES ↓↓↓ @font-face { font-family: "Bevenida"; src: url("../assets/fonts/bevenida-regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Bevenida"; src: url("../assets/fonts/bevenida-italic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: "Visby"; src: url("../assets/fonts/visby-light.woff2") format("woff2"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "Visby"; src: url("../assets/fonts/visby-regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Visby"; src: url("../assets/fonts/visby-medium.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Handsome"; src: url("../assets/fonts/handsome.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; } E APAGUE ESTA LINHA TAMBÉM ↑↑↑ */