@font-face {
    font-family: "Bon";
    src:
        url("./bonVF.woff2") format("woff2-variations"),
        url("./bonVF.woff") format("woff-variations"),
        url("./bonVF.ttf") format("truetype-variations");
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
}

@font-face {
    font-family: "Bon";
    src:
        url("./bonVF.woff2") format("woff2-variations"),
        url("./bonVF.woff") format("woff-variations"),
        url("./bonVF.ttf") format("truetype-variations");
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
}

html.fi,
html.fi button,
html.fi input,
html.fi select,
html.fi textarea {
    font-family: "Bon", Tahoma, sans-serif;
    font-kerning: normal;
    font-feature-settings: "kern" 1, "liga" 1, "calt" 1;
    text-rendering: optimizeLegibility;
}