@font-face {
    font-family: 'OpenB';
    src: url('OpenSans-Bold.eot');
    src: url('OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('OpenSans-Bold.woff2') format('woff2'),
        url('OpenSans-Bold.woff') format('woff'),
        url('OpenSans-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'OpenSB';
    src: url('OpenSans-Semibold.eot');
    src: url('OpenSans-Semibold.eot?#iefix') format('embedded-opentype'),
        url('OpenSans-Semibold.woff2') format('woff2'),
        url('OpenSans-Semibold.woff') format('woff'),
        url('OpenSans-Semibold.ttf') format('truetype');
}

@font-face {
    font-family: 'OpenXB';
    src: url('OpenSans-Extrabold.eot');
    src: url('OpenSans-Extrabold.eot?#iefix') format('embedded-opentype'),
        url('OpenSans-Extrabold.woff2') format('woff2'),
        url('OpenSans-Extrabold.woff') format('woff'),
        url('OpenSans-Extrabold.ttf') format('truetype');
}

@font-face {
    font-family: 'OpenI';
    src: url('OpenSans-Italic.eot');
    src: url('OpenSans-Italic.eot?#iefix') format('embedded-opentype'),
        url('OpenSans-Italic.woff2') format('woff2'),
        url('OpenSans-Italic.woff') format('woff'),
        url('OpenSans-Italic.ttf') format('truetype');
}

@font-face {
    font-family: 'OpenR';
    src: url('OpenSans.eot');
    src: url('OpenSans.eot?#iefix') format('embedded-opentype'),
        url('OpenSans.woff2') format('woff2'),
        url('OpenSans.woff') format('woff'),
        url('OpenSans.ttf') format('truetype');
}

@font-face {
    font-family: 'CairoR';
    src: url('Cairo-Regular.eot');
    src: url('Cairo-Regular.eot?#iefix') format('embedded-opentype'),
        url('Cairo-Regular.woff2') format('woff2'),
        url('Cairo-Regular.woff') format('woff'),
        url('Cairo-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'CairoB';
    src: url('Cairo-Bold.eot');
    src: url('Cairo-Bold.eot?#iefix') format('embedded-opentype'),
        url('Cairo-Bold.woff2') format('woff2'),
        url('Cairo-Bold.woff') format('woff'),
        url('Cairo-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'CairoSB';
    src: url('Cairo-SemiBold.eot');
    src: url('Cairo-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('Cairo-SemiBold.woff2') format('woff2'),
        url('Cairo-SemiBold.woff') format('woff'),
        url('Cairo-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'CairoL';
    src: url('Cairo-Light.eot');
    src: url('Cairo-Light.eot?#iefix') format('embedded-opentype'),
        url('Cairo-Light.woff2') format('woff2'),
        url('Cairo-Light.woff') format('woff'),
        url('Cairo-Light.ttf') format('truetype');
}