@font-face {
    font-family: 'Charter-Bold';
    src: url('../fonts/Charter-Bold.eot');
    src: url('../fonts/Charter-Bold.eot') format('embedded-opentype'),
         url('../fonts/Charter-Bold.woff2') format('woff2'),
         url('../fonts/Charter-Bold.woff') format('woff'),
         url('../fonts/Charter-Bold.ttf') format('truetype'),
         url('../fonts/Charter-Bold.svg#Charter-Bold') format('svg');
}

@font-face {
    font-family: 'Charter-Roman';
    src: url('../fonts/Charter-Roman.eot');
    src: url('../fonts/Charter-Roman.eot') format('embedded-opentype'),
         url('../fonts/Charter-Roman.woff2') format('woff2'),
         url('../fonts/Charter-Roman.woff') format('woff'),
         url('../fonts/Charter-Roman.ttf') format('truetype'),
         url('../fonts/Charter-Roman.svg#Charter-Roman') format('svg');
}

@font-face {
    font-family: 'Charter-Italic';
    src: url('../fonts/Charter-Italic.eot');
    src: url('../fonts/Charter-Italic.eot') format('embedded-opentype'),
         url('../fonts/Charter-Italic.woff2') format('woff2'),
         url('../fonts/Charter-Italic.woff') format('woff'),
         url('../fonts/Charter-Italic.ttf') format('truetype'),
         url('../fonts/Charter-Italic.svg#Charter-Italic') format('svg');
}