/* ==========================================================
   fonts.css
   Self-hosted fonts. Replaces Google Fonts, which is blocked
   in mainland China (the primary audience) and was
   render-blocking. Variable woff2, latin subset — covers the
   en-GB punctuation used on the page (em/en dashes, curly
   quotes, £). font-display: swap prevents invisible text (FOIT).
   Part of: Mohammed Shehzad Khan Portfolio v2.0
========================================================== */

@font-face {
    font-family: 'Fraunces';
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url('../fonts/Fraunces-normal.woff2') format('woff2');
}

@font-face {
    font-family: 'Fraunces';
    font-style: italic;
    font-weight: 400 700;
    font-display: swap;
    src: url('../fonts/Fraunces-italic.woff2') format('woff2');
}

@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url('../fonts/Manrope-normal.woff2') format('woff2');
}