@font-face {
    font-family: 'Cannon Cannon';
    src: url('Cannon-blackitalic.eot');
    src: local('Cannon black italic'), local('Cannon-blackitalic'),
        url('Cannon-blackitalic.eot?#iefix') format('embedded-opentype'),
        url('Cannon-blackitalic.woff2') format('woff2'),
        url('Cannon-blackitalic.woff') format('woff'),
        url('Cannon-blackitalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Cannon Cannon';
    src: url('Cannon-regularitalic.eot');
    src: local('Cannon regular italic'), local('Cannon-regularitalic'),
        url('Cannon-regularitalic.eot?#iefix') format('embedded-opentype'),
        url('Cannon-regularitalic.woff2') format('woff2'),
        url('Cannon-regularitalic.woff') format('woff'),
        url('Cannon-regularitalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Cannon Cannon';
    src: url('Cannon-mediumitalic.eot');
    src: local('Cannon medium italic'), local('Cannon-mediumitalic'),
        url('Cannon-mediumitalic.eot?#iefix') format('embedded-opentype'),
        url('Cannon-mediumitalic.woff2') format('woff2'),
        url('Cannon-mediumitalic.woff') format('woff'),
        url('Cannon-mediumitalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Cannon Cannon';
    src: url('Cannon-extrabolditalic.eot');
    src: local('Cannon extra bold italic'), local('Cannon-extrabolditalic'),
        url('Cannon-extrabolditalic.eot?#iefix') format('embedded-opentype'),
        url('Cannon-extrabolditalic.woff2') format('woff2'),
        url('Cannon-extrabolditalic.woff') format('woff'),
        url('Cannon-extrabolditalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Cannon Cannon';
    src: url('Cannon-lightitalic.eot');
    src: local('Cannon light italic'), local('Cannon-lightitalic'),
        url('Cannon-lightitalic.eot?#iefix') format('embedded-opentype'),
        url('Cannon-lightitalic.woff2') format('woff2'),
        url('Cannon-lightitalic.woff') format('woff'),
        url('Cannon-lightitalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Cannon Cannon';
    src: url('Cannon-extralightitalic.eot');
    src: local('Cannon extra light italic'), local('Cannon-extralightitalic'),
        url('Cannon-extralightitalic.eot?#iefix') format('embedded-opentype'),
        url('Cannon-extralightitalic.woff2') format('woff2'),
        url('Cannon-extralightitalic.woff') format('woff'),
        url('Cannon-extralightitalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Cannon extra';
    src: url('Cannon-extrabold.eot');
    src: local('Cannon extra bold'), local('Cannon-extrabold'),
        url('Cannon-extrabold.eot?#iefix') format('embedded-opentype'),
        url('Cannon-extrabold.woff2') format('woff2'),
        url('Cannon-extrabold.woff') format('woff'),
        url('Cannon-extrabold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Cannon Cannon';
    src: url('Cannon-bookitalic.eot');
    src: local('Cannon book italic'), local('Cannon-bookitalic'),
        url('Cannon-bookitalic.eot?#iefix') format('embedded-opentype'),
        url('Cannon-bookitalic.woff2') format('woff2'),
        url('Cannon-bookitalic.woff') format('woff'),
        url('Cannon-bookitalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Cannon';
    src: url('Cannon-regular.eot');
    src: local('Cannon regular'), local('Cannon-regular'),
        url('Cannon-regular.eot?#iefix') format('embedded-opentype'),
        url('Cannon-regular.woff2') format('woff2'),
        url('Cannon-regular.woff') format('woff'),
        url('Cannon-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Cannon';
    src: url('Cannon-thin.eot');
    src: local('Cannon thin'), local('Cannon-thin'),
        url('Cannon-thin.eot?#iefix') format('embedded-opentype'),
        url('Cannon-thin.woff2') format('woff2'),
        url('Cannon-thin.woff') format('woff'),
        url('Cannon-thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Cannon book';
    src: url('Cannon-book.eot');
    src: local('Cannon book'), local('Cannon-book'),
        url('Cannon-book.eot?#iefix') format('embedded-opentype'),
        url('Cannon-book.woff2') format('woff2'),
        url('Cannon-book.woff') format('woff'),
        url('Cannon-book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Cannon';
    src: url('Cannon-bold.eot');
    src: local('Cannon bold'), local('Cannon-bold'),
        url('Cannon-bold.eot?#iefix') format('embedded-opentype'),
        url('Cannon-bold.woff2') format('woff2'),
        url('Cannon-bold.woff') format('woff'),
        url('Cannon-bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Cannon';
    src: url('Cannon-light.eot');
    src: local('Cannon light'), local('Cannon-light'),
        url('Cannon-light.eot?#iefix') format('embedded-opentype'),
        url('Cannon-light.woff2') format('woff2'),
        url('Cannon-light.woff') format('woff'),
        url('Cannon-light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Cannon';
    src: url('Cannon-medium.eot');
    src: local('Cannon medium'), local('Cannon-medium'),
        url('Cannon-medium.eot?#iefix') format('embedded-opentype'),
        url('Cannon-medium.woff2') format('woff2'),
        url('Cannon-medium.woff') format('woff'),
        url('Cannon-medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Cannon Cannon';
    src: url('Cannon-thinitalic.eot');
    src: local('Cannon thin italic'), local('Cannon-thinitalic'),
        url('Cannon-thinitalic.eot?#iefix') format('embedded-opentype'),
        url('Cannon-thinitalic.woff2') format('woff2'),
        url('Cannon-thinitalic.woff') format('woff'),
        url('Cannon-thinitalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Cannon extra';
    src: url('Cannon-extralight.eot');
    src: local('Cannon extra light'), local('Cannon-extralight'),
        url('Cannon-extralight.eot?#iefix') format('embedded-opentype'),
        url('Cannon-extralight.woff2') format('woff2'),
        url('Cannon-extralight.woff') format('woff'),
        url('Cannon-extralight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Cannon';
    src: url('Cannon-black.eot');
    src: local('Cannon black'), local('Cannon-black'),
        url('Cannon-black.eot?#iefix') format('embedded-opentype'),
        url('Cannon-black.woff2') format('woff2'),
        url('Cannon-black.woff') format('woff'),
        url('Cannon-black.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Cannon Cannon';
    src: url('Cannon-bolditalic.eot');
    src: local('Cannon bold italic'), local('Cannon-bolditalic'),
        url('Cannon-bolditalic.eot?#iefix') format('embedded-opentype'),
        url('Cannon-bolditalic.woff2') format('woff2'),
        url('Cannon-bolditalic.woff') format('woff'),
        url('Cannon-bolditalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

