/** * @file assets/css/fonts.css * @package LovelyLili * @version 1.0.0 * * @font-face auto-hébergées — fichier EXTERNE, jamais inliné. * Chargé via wp_enqueue_style('ll-fonts') dans inc/setup.php. * * Seuls Jost regular + 500 sont preloadés (above-the-fold). * Toutes les autres coupes sont ici — chargées de façon différée * par le navigateur, sans bloquer le rendu initial. * * font-display: swap → texte visible immédiatement en police système, * swap vers Jost/Cormorant quand disponibles. * (optional éliminait le swap mais provoquait des bugs de résolution * sur certains navigateurs mobiles quand inliné — swap est plus sûr ici) */ /* ============================================================ CORMORANT GARAMOND Utilisé dans : .hero__title, titres H2 (Cormorant Garamond serif) ============================================================ */ @font-face { font-family: 'Cormorant Garamond'; src: url('../fonts/cormorant-garamond-v21-latin-regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Cormorant Garamond'; src: url('../fonts/cormorant-garamond-v21-latin-500.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Cormorant Garamond'; src: url('../fonts/cormorant-garamond-v21-latin-600.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Cormorant Garamond'; src: url('../fonts/cormorant-garamond-v21-latin-700.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Cormorant Garamond'; src: url('../fonts/cormorant-garamond-v21-latin-italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; } /* ============================================================ JOST Utilisé dans : body, nav, boutons, labels Jost regular + 500 sont preloadés séparément dans ============================================================ */ @font-face { font-family: 'Jost'; src: url('../fonts/jost-v20-latin-300.woff2') format('woff2'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Jost'; src: url('../fonts/jost-v20-latin-regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Jost'; src: url('../fonts/jost-v20-latin-500.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Jost'; src: url('../fonts/jost-v20-latin-600.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Jost'; src: url('../fonts/jost-v20-latin-700.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }