@font-face {
    font-family: "Supra W01 Normal";
    src: url("./fonts/a18fff163d4e96dd45fce6767e42c251.eot"); /* IE9*/
    src: url("./fonts/a18fff163d4e96dd45fce6767e42c251.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("./fonts/a18fff163d4e96dd45fce6767e42c251.woff2") format("woff2"), /* chrome、firefox */
    url("./fonts/a18fff163d4e96dd45fce6767e42c251.woff") format("woff"), /* chrome、firefox */
    url("./fonts/a18fff163d4e96dd45fce6767e42c251.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url("./fonts/a18fff163d4e96dd45fce6767e42c251.svg#Supra W01 Normal") format("svg"); /* iOS 4.1- */
}
@font-face {
    font-family: "Frederic";
    src: url("./fonts/frederic black.ttf"); 
}
@font-face {
    font-weight: normal;
    font-style: normal;
    font-family: "Lato";
    src: url("./fonts/Lato-Regular.ttf") format("truetype");
}

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

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

@font-face {
    font-weight: 800;
    font-style: normal;
    font-family: "Lato";
    src: url("./fonts/Lato-Black.ttf") format("truetype");
}

@font-face {
    font-weight: 200;
    font-style: normal;
    font-family: "Lato";
    src: url("./fonts/Lato-Light.ttf") format("truetype");
}

@font-face {
    font-weight: 200;
    font-style: italic;
    font-family: "Lato";
    src: url("./fonts/Lato-LightItalic.ttf") format("truetype");
}

@font-face {
    font-weight: 400;
    font-style: italic;
    font-family: "Lato";
    src: url("./fonts/Lato-BoldItalic.ttf") format("truetype");
}

@font-face {
    font-weight: 800;
    font-style: italic;
    font-family: "Lato";
    src: url("./fonts/Lato-BlackItalic.ttf") format("truetype");
}