/* ========================================================================
CyberCat Security — @font-face declarations
========================================================================
Cole isto no topo do CSS principal do site (antes de tokens.css).
IMPORTANTE: ajuste o caminho do url() para onde os WOFF2 vão ficar
servidos. O padrão assume /brand/webfonts/.
Pesos disponíveis:
- Montserrat: 400 (Regular), 500 (Medium), 600 (SemiBold), 700 (Bold)
- Dubai: 400 (Regular), 700 (Bold)
Saira Condensed (substituto livre de Agency FB) NÃO está aqui — venha
do Google Fonts via no :
======================================================================== */
/* ─── MONTSERRAT (Google Fonts — SIL OFL 1.1, uso livre) ────────────────── */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url('/brand/webfonts/Montserrat-Regular.woff2') format('woff2');
}
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url('/brand/webfonts/Montserrat-Medium.woff2') format('woff2');
}
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url('/brand/webfonts/Montserrat-SemiBold.woff2') format('woff2');
}
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url('/brand/webfonts/Montserrat-Bold.woff2') format('woff2');
}
/* ─── DUBAI (Dubai Font Initiative — uso licenciado Microsoft) ──────────── */
/*
Licença Dubai vinculada a produtos Microsoft (Office, Windows). A CyberCat
tem licença ativa, então pode usar no site institucional. NÃO permita
que terceiros baixem os WOFF2 fora do contexto do site (sem hotlinking).
*/
@font-face {
font-family: 'Dubai';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url('/brand/webfonts/Dubai-Regular.woff2') format('woff2');
}
@font-face {
font-family: 'Dubai';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url('/brand/webfonts/Dubai-Bold.woff2') format('woff2');
}
/* ─── NOTAS ─────────────────────────────────────────────────────────────
1. `font-display: swap` mostra fallback do sistema enquanto WOFF2
carrega — melhor para FCP e LCP.
2. NÃO incluir Agency FB aqui. Fonte proprietária da Monotype, licença
não permite redistribuição. Para texto que o manual pede "Agency FB",
use Saira Condensed (Google Fonts, OFL).
3. Se precisar pesos adicionais de Montserrat (300 Light, 800 ExtraBold,
900 Black, etc.), gere os WOFF2 a partir dos TTFs em
/data/company-docs/brand-manual/fonts/montserrat/ usando:
woff2_compress Montserrat-Light.ttf
4. Para sites estáticos com bundler (Vite, Webpack, Next.js): use
`url()` relativo ao arquivo CSS, não absoluto:
src: url('./webfonts/Montserrat-Regular.woff2') format('woff2');
─────────────────────────────────────────────────────────────────────── */