@font-face {
    font-family: "Interface";
    font-style: italic;
    font-weight: 100;
    src: url("Interface-italic-100.ttf") format("truetype");
}

@font-face {
    font-family: "Interface";
    font-style: italic;
    font-weight: 300;
    src: url("Interface-italic-300.ttf") format("truetype");
}

@font-face {
    font-family: "Interface";
    font-style: italic;
    font-weight: 900;
    src: url("Interface-italic-900.ttf") format("truetype");
}

@font-face {
    font-family: "Interface";
    font-style: italic;
    font-weight: bold;
    src: url("Interface-italic-bold.ttf") format("truetype");
}

@font-face {
    font-family: "Interface";
    font-style: italic;
    font-weight: normal;
    src: url("Interface-italic-normal.ttf") format("truetype");
}

@font-face {
    font-family: "Interface";
    font-style: normal;
    font-weight: 100;
    src: url("Interface-normal-100.ttf") format("truetype");
}

@font-face {
    font-family: "Interface";
    font-style: normal;
    font-weight: 300;
    src: url("Interface-normal-300.ttf") format("truetype");
}

@font-face {
    font-family: "Interface";
    font-style: normal;
    font-weight: 900;
    src: url("Interface-normal-900.ttf") format("truetype");
}

@font-face {
    font-family: "Interface";
    font-style: normal;
    font-weight: bold;
    src: url("Interface-normal-bold.ttf") format("truetype");
}

@font-face {
    font-family: "Interface";
    font-style: normal;
    font-weight: normal;
    src: url("Interface-normal-normal.ttf") format("truetype");
}