/* AI Image Editor -- Font Awesome font files, addressed absolutely.
 *
 * Why this file exists, when the plugin already loads Font Awesome from a CDN.
 *
 * Font Awesome's stylesheet asks for its fonts with a RELATIVE url:
 *
 *     src: url(../webfonts/fa-solid-900.woff2) format("woff2")
 *
 * A relative url is resolved against the address of the stylesheet that contains it.
 * That works exactly as long as the browser is genuinely reading the file from the
 * directory it was written for. The moment the stylesheet is inlined into the page,
 * concatenated into a combined file, rewritten by a cache or a "combine CSS" feature,
 * or copied anywhere else, `../webfonts/` no longer means cdnjs -- it means wherever the
 * rewritten file happens to live, which on this site is the site root. The browser then
 * asks for /webfonts/fa-solid-900.woff2, gets a 404, and falls back to a different
 * format, which is also 404, and finally renders the icon as a box or nothing at all.
 *
 * Nothing in this file is a font. It only says where the fonts are, absolutely, so the
 * address does not depend on where this stylesheet happens to be served from.
 *
 * The Music Generator carries the same file for the same reason
 * (ai-music-generator-musiveo/public/css/musiveo-fonts.css). The version is pinned to
 * match the Font Awesome stylesheet enqueued alongside it, because a @font-face
 * override only wins if it names the same family.
 */

@font-face {
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/webfonts/fa-solid-900.woff2") format("woff2");
}

@font-face {
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/webfonts/fa-regular-400.woff2") format("woff2");
}

@font-face {
    font-family: "Font Awesome 6 Brands";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/webfonts/fa-brands-400.woff2") format("woff2");
}