@font-face {
    font-family: NotoSans;
    font-style: normal;
    font-weight: 400;
    src: local( "Noto Sans Regular" ),
        url( "fonts/NotoSans-Regular-webfont.woff2" ) format( "woff2" ),
        url( "fonts/NotoSans-Regular-webfont.woff" ) format( "woff" );
}

@font-face {
    font-family: NotoSans;
    font-style: bold;
    font-weight: 700;
    src: local( "Noto Sans Bold" ),
        url( "fonts/NotoSans-Bold-webfont.woff2" ) format( "woff2" ),
        url( "fonts/NotoSans-Bold-webfont.woff" ) format( "woff" );
}

@font-face {
    font-family: NotoSans;
    font-style: italic;
    font-weight: 400;
    src: local( "Noto Sans Italic" ),
        url( "fonts/NotoSans-Italic-webfont.woff2" ) format( "woff2" ),
        url( "fonts/NotoSans-Italic-webfont.woff" ) format( "woff" );
}

@font-face {
    font-family: NotoSans;
    font-style: italic;
    font-weight: 700;
    src: local( "Noto Sans Bold Italic" ),
        url( "fonts/NotoSans-BoldItalic-webfont.woff2" ) format( "woff2" ),
        url( "fonts/NotoSans-BoldItalic-webfont.woff" ) format( "woff" );
}