/* fonts.css — @font-face explícito para la web (PWA). * * En web, expo-font no siempre inyecta los @font-face de forma confiable * (output:single), así que declaramos las familias aquí apuntando a archivos * estables en /fonts/. Los nombres de familia deben coincidir EXACTAMENTE con * los que usa la app: * - Saira / Saira Condensed → claves de useFonts (FONTS en ThemeContext) * - 'ionicons' y 'material-community' → fontFamily de @expo/vector-icons * (createIconSet(..., 'ionicons'/'material-community', ...)). * Inyectado en por scripts/inject-pwa.js. */ /* ── Texto: Saira ── */ @font-face { font-family: 'Saira_400Regular'; src: url('/fonts/Saira_400Regular.ttf') format('truetype'); font-display: swap; } @font-face { font-family: 'Saira_500Medium'; src: url('/fonts/Saira_500Medium.ttf') format('truetype'); font-display: swap; } @font-face { font-family: 'Saira_600SemiBold'; src: url('/fonts/Saira_600SemiBold.ttf') format('truetype'); font-display: swap; } @font-face { font-family: 'Saira_700Bold'; src: url('/fonts/Saira_700Bold.ttf') format('truetype'); font-display: swap; } /* ── Titulares/números: Saira Condensed ── */ @font-face { font-family: 'SairaCondensed_500Medium'; src: url('/fonts/SairaCondensed_500Medium.ttf') format('truetype'); font-display: swap; } @font-face { font-family: 'SairaCondensed_600SemiBold'; src: url('/fonts/SairaCondensed_600SemiBold.ttf') format('truetype'); font-display: swap; } @font-face { font-family: 'SairaCondensed_700Bold'; src: url('/fonts/SairaCondensed_700Bold.ttf') format('truetype'); font-display: swap; } /* ── Iconos vectoriales (@expo/vector-icons) ── */ @font-face { font-family: 'ionicons'; src: url('/fonts/Ionicons.ttf') format('truetype'); font-display: block; } @font-face { font-family: 'material-community'; src: url('/fonts/MaterialCommunityIcons.ttf') format('truetype'); font-display: block; }