/* public/ic/css/font-display-override.css
   Force Font Awesome fonts to use font-display: swap
   to avoid layout shifts when icons load.
*/

/* file: public/ic/css/font-display-override.css */

/* Override Font Awesome fonts with font-display: swap */

@font-face {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/fa-regular-400.woff2") format("woff2");
}

@font-face {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url("../fonts/fa-solid-900.woff2") format("woff2");
}

/* If you use Brands as well */
@font-face {
    font-family: "Font Awesome 5 Brands";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/fa-brands-400.woff2") format("woff2");
}