@font-face {
    font-family: 'Formale-Grotesque';
    src: url('FormaleGrotesque-N3.eot');
    src: url('FormaleGrotesque-N3.eot?#iefix') format('embedded-opentype'),
        url('FormaleGrotesque-N3.woff2') format('woff2'),
        url('FormaleGrotesque-N3.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Formale-Grotesque';
    src: url('FormaleGrotesque-N3-It.eot');
    src: url('FormaleGrotesque-N3-It.eot?#iefix') format('embedded-opentype'),
        url('FormaleGrotesque-N3-It.woff2') format('woff2'),
        url('FormaleGrotesque-N3-It.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Formale-Grotesque';
    src: url('FormaleGrotesque-B2.eot');
    src: url('FormaleGrotesque-B2.eot?#iefix') format('embedded-opentype'),
        url('FormaleGrotesque-B2.woff2') format('woff2'),
        url('FormaleGrotesque-B2.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Formale-Grotesque';
    src: url('FormaleGrotesque-B2-It.eot');
    src: url('FormaleGrotesque-B2-It.eot?#iefix') format('embedded-opentype'),
        url('FormaleGrotesque-B2-It.woff2') format('woff2'),
        url('FormaleGrotesque-B2-It.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}