@font-face {
    font-family: MatterSQ;
    src: url("font/MatterSQ-Light.otf") format("opentype");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: MatterSQ;
    src: url("font/MatterSQ-LightItalic.otf") format("opentype");
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: MatterSQ;
    src: url("font/MatterSQ-Bold.otf") format("opentype");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: MatterSQ;
    src: url("font/MatterSQ-BoldItalic.otf") format("opentype");
    font-weight: 700;
    font-style: italic;
}