/* * Icon-font overrides — linked at the END of in index.html, deliberately outside the * webpack build (css-loader rewrites/hashes font URLs, which is exactly what we're avoiding). * * The theme's @font-face rules load the icon fonts through webpack with hashed URLs that break * for open tabs after a redeploy (icons render as mojibake like "ó°…"). Because this stylesheet * comes after the bundle's styles in document order, these declarations win for every browser * that supports woff2, and they use the stable copies in public/fonts/ — the same URLs * preloaded in index.html. Keep family/weight/style in sync with * src/assets/scss/plugins/icons/_*.scss. */ @font-face { font-family: "remixicon"; src: url("/fonts/remixicon.woff2") format("woff2"); font-display: swap; } @font-face { font-family: "Material Design Icons"; src: url("/fonts/materialdesignicons-webfont.woff2") format("woff2"); font-weight: normal; font-style: normal; } @font-face { font-family: "boxicons"; src: url("/fonts/boxicons.woff2") format("woff2"); font-weight: normal; font-style: normal; } @font-face { font-family: "Line Awesome Brands"; src: url("/fonts/la-brands-400.woff2") format("woff2"); font-style: normal; font-weight: normal; } @font-face { font-family: "Line Awesome Free"; src: url("/fonts/la-regular-400.woff2") format("woff2"); font-style: normal; font-weight: 400; } @font-face { font-family: "Line Awesome Free"; src: url("/fonts/la-solid-900.woff2") format("woff2"); font-style: normal; font-weight: 900; }