/* The prose faces an app can offer its readers — a chat column, a manuscript, a preview (fonts/prose/README.md).
   Opt-in: link _content/Kagaku.UI/css/prose-fonts.css on the pages that may show one; the family names are the ones
   ProseFonts' stacks name. A browser fetches a face only when a page uses it, and swap shows the fallback meanwhile
   instead of hiding the text. */

@font-face {
    font-family: "Literata";
    font-style: normal;
    font-weight: 200 900;
    font-display: swap;
    src: url("../fonts/prose/Literata-Variable.woff2") format("woff2");
}

@font-face {
    font-family: "Literata";
    font-style: italic;
    font-weight: 200 900;
    font-display: swap;
    src: url("../fonts/prose/Literata-Italic-Variable.woff2") format("woff2");
}

@font-face {
    font-family: "Source Serif 4";
    font-style: normal;
    font-weight: 200 900;
    font-display: swap;
    src: url("../fonts/prose/SourceSerif4-Variable.woff2") format("woff2");
}

@font-face {
    font-family: "Source Serif 4";
    font-style: italic;
    font-weight: 200 900;
    font-display: swap;
    src: url("../fonts/prose/SourceSerif4-Italic-Variable.woff2") format("woff2");
}

@font-face {
    font-family: "Atkinson Hyperlegible Next";
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
    src: url("../fonts/prose/AtkinsonHyperlegibleNext-Variable.woff2") format("woff2");
}

@font-face {
    font-family: "Atkinson Hyperlegible Next";
    font-style: italic;
    font-weight: 200 800;
    font-display: swap;
    src: url("../fonts/prose/AtkinsonHyperlegibleNext-Italic-Variable.woff2") format("woff2");
}

/* Four static faces, as iA publishes them: a bold of 600 or 800 shows the 700. */
@font-face {
    font-family: "iA Writer Quattro";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/prose/iAWriterQuattroS-Regular.woff2") format("woff2");
}

@font-face {
    font-family: "iA Writer Quattro";
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/prose/iAWriterQuattroS-Italic.woff2") format("woff2");
}

@font-face {
    font-family: "iA Writer Quattro";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("../fonts/prose/iAWriterQuattroS-Bold.woff2") format("woff2");
}

@font-face {
    font-family: "iA Writer Quattro";
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url("../fonts/prose/iAWriterQuattroS-BoldItalic.woff2") format("woff2");
}