@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 400;
    /*
     * Both Lato faces are preloaded from the document head.  `optional` lets
     * Chrome use that early request, but keeps the metric-compatible fallback
     * for this view when a first visit has a slow connection.  That prevents a
     * late, page-wide reflow when a 641 KB TTF arrives after text is painted.
     */
    font-display: optional;
    src: url("../fonts/lato/Lato-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 700;
    font-display: optional;
    src: url("../fonts/lato/Lato-Bold.ttf") format("truetype");
}

/*
 * This exact H1 face is preloaded in index.php. `optional` avoids a late
 * fallback-to-font swap while the preload makes the intended face available
 * during the first paint on normal connections.
 */
@font-face {
    font-family: "Roboto Condensed";
    font-style: normal;
    font-weight: 500;
    font-display: optional;
    src: url("../fonts/RobotoCondensed-500.ttf") format("truetype");
}

@font-face {
    font-family: "Roboto Condensed";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("../fonts/RobotoCondensed-700.ttf") format("truetype");
}

// Seasonal navigation accent. It is requested only while the Christmas menu
// item is rendered; all regular interface text remains Lato.
@font-face {
    font-family: "Mountains of Christmas";
    font-style: normal;
    font-weight: 700;
    font-display: optional;
    src: url("../fonts/MountainsOfChristmas-700.ttf") format("truetype");
}