/* Material Icons (classic + round + symbols) — self-hosted 2026-09-15. * * Originally loaded via three Google Fonts links from , plus two * duplicate `@import url("fonts.googleapis.com/css2?Material+Symbols...")`s * inside `portal-design-system.css` and `dashboard_bookings_table.css`. * Each duplicate fetched the same woff2 with different axis ranges, * causing two fonts to download and the actual icon glyphs to render * noticeably after page paint (the FOUC the user reported on stat * cards and dashboard nav). * * 28 admin/licensing templates each linked their own copy of Material * Symbols from Google Fonts with yet another axis range. Those have * all been migrated to use this file (2026-09-15 follow-up). * * Self-hosted in /static/fonts/ to eliminate the cross-origin DNS+TLS * round-trip and let start the font fetch in * parallel with HTML parsing. The woff2s are upstream Google Fonts * assets (Apache 2.0 license). See static/fonts/README.md. */ @font-face { font-family: 'Material Icons Outlined'; font-style: normal; font-weight: 400; font-display: swap; src: url('/static/fonts/material-icons-outlined.woff2') format('woff2'); } @font-face { font-family: 'Material Icons Round'; font-style: normal; font-weight: 400; font-display: swap; src: url('/static/fonts/material-icons-round.woff2') format('woff2'); } @font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 100 700; font-display: swap; src: url('/static/fonts/material-symbols-outlined.woff2') format('woff2'); } .material-icons-outlined, .material-icons { font-family: 'Material Icons Outlined'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; } .material-icons-round { font-family: 'Material Icons Round'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; } .material-symbols-outlined { font-family: 'Material Symbols Outlined'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; }