//
// Open Sans
// --------------------------------------------------

@font-face {
    font-family: 'Open Sans';
    src: url('@{fontsPath}/OpenSans-Light.eot');
    src: url('@{fontsPath}/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
         url('@{fontsPath}/OpenSans-Light.svg#open_sanslight') format('svg'),
         url('@{fontsPath}/OpenSans-Light.woff') format('woff'),
         url('@{fontsPath}/OpenSans-Light.ttf') format('truetype');
    font-style: normal;
    font-weight: 300;
}

@font-face {
    font-family: 'Open Sans';
    src: url('@{fontsPath}/OpenSans-Regular.eot');
    src: url('@{fontsPath}/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
         url('@{fontsPath}/OpenSans-Regular.svg#open_sansregular') format('svg'),
         url('@{fontsPath}/OpenSans-Regular.woff') format('woff'),
         url('@{fontsPath}/OpenSans-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: 'Open Sans';
    src: url('@{fontsPath}/OpenSans-Semibold.eot');
    src: url('@{fontsPath}/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'),
         url('@{fontsPath}/OpenSans-Semibold.svg#open_sanssemibold') format('svg'),
         url('@{fontsPath}/OpenSans-Semibold.woff') format('woff'),
         url('@{fontsPath}/OpenSans-Semibold.ttf') format('truetype');
    font-style: normal;
    font-weight: 600;
}

@font-face {
    font-family: 'Open Sans';
    src: url('@{fontsPath}/OpenSans-Bold.eot');
    src: url('@{fontsPath}/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
         url('@{fontsPath}/OpenSans-Bold.svg#open_sansbold') format('svg'),
         url('@{fontsPath}/OpenSans-Bold.woff') format('woff'),
         url('@{fontsPath}/OpenSans-Bold.ttf') format('truetype');
    font-style: normal;
    font-weight: 700;

}

@font-face {
    font-family: 'Open Sans';
    src: url('@{fontsPath}/OpenSans-LightItalic.eot');
    src: url('@{fontsPath}/OpenSans-LightItalic.eot?#iefix') format('embedded-opentype'),
         url('@{fontsPath}/OpenSans-LightItalic.svg#open_sanslight_italic') format('svg'),
         url('@{fontsPath}/OpenSans-LightItalic.woff') format('woff'),
         url('@{fontsPath}/OpenSans-LightItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: 300;
}

@font-face {
    font-family: 'Open Sans';
    src: url('@{fontsPath}/OpenSans-Italic.eot');
    src: url('@{fontsPath}/OpenSans-Italic.eot?#iefix') format('embedded-opentype'),
         url('@{fontsPath}/OpenSans-Italic.svg#open_sansitalic') format('svg'),
         url('@{fontsPath}/OpenSans-Italic.woff') format('woff'),
         url('@{fontsPath}/OpenSans-Italic.ttf') format('truetype');
    font-style: italic;
    font-weight: 400;
}

@font-face {
    font-family: 'Open Sans';
    src: url('@{fontsPath}/OpenSans-SemiboldItalic.eot');
    src: url('@{fontsPath}/OpenSans-SemiboldItalic.eot?#iefix') format('embedded-opentype'),
         url('@{fontsPath}/OpenSans-SemiboldItalic.svg#open_sanssemibold_italic') format('svg'),
         url('@{fontsPath}/OpenSans-SemiboldItalic.woff') format('woff'),
         url('@{fontsPath}/OpenSans-SemiboldItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: 600;
}

.chrome.mac {
    // Prefer woff over svg in Mac Chrome 

    @font-face {
        font-family: 'Open Sans';
        src: url('@{fontsPath}/OpenSans-Light.eot');
        src: url('@{fontsPath}/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
             url('@{fontsPath}/OpenSans-Light.woff') format('woff'),
             url('@{fontsPath}/OpenSans-Light.svg#open_sanslight') format('svg'),
             url('@{fontsPath}/OpenSans-Light.ttf') format('truetype');
        font-style: normal;
        font-weight: 300;
    }

    @font-face {
        font-family: 'Open Sans';
        src: url('@{fontsPath}/OpenSans-Regular.eot');
        src: url('@{fontsPath}/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
             url('@{fontsPath}/OpenSans-Regular.woff') format('woff'),
             url('@{fontsPath}/OpenSans-Regular.svg#open_sansregular') format('svg'),
             url('@{fontsPath}/OpenSans-Regular.ttf') format('truetype');
        font-style: normal;
        font-weight: 400;
    }

    @font-face {
        font-family: 'Open Sans';
        src: url('@{fontsPath}/OpenSans-Semibold.eot');
        src: url('@{fontsPath}/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'),
             url('@{fontsPath}/OpenSans-Semibold.woff') format('woff'),
             url('@{fontsPath}/OpenSans-Semibold.svg#open_sanssemibold') format('svg'),
             url('@{fontsPath}/OpenSans-Semibold.ttf') format('truetype');
        font-style: normal;
        font-weight: 600;
    }

    @font-face {
        font-family: 'Open Sans';
        src: url('@{fontsPath}/OpenSans-Bold.eot');
        src: url('@{fontsPath}/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
             url('@{fontsPath}/OpenSans-Bold.woff') format('woff'),
             url('@{fontsPath}/OpenSans-Bold.svg#open_sansbold') format('svg'),
             url('@{fontsPath}/OpenSans-Bold.ttf') format('truetype');
        font-style: normal;
        font-weight: 700;

    }

    @font-face {
        font-family: 'Open Sans';
        src: url('@{fontsPath}/OpenSans-LightItalic.eot');
        src: url('@{fontsPath}/OpenSans-LightItalic.eot?#iefix') format('embedded-opentype'),
             url('@{fontsPath}/OpenSans-LightItalic.woff') format('woff'),
             url('@{fontsPath}/OpenSans-LightItalic.svg#open_sanslight_italic') format('svg'),
             url('@{fontsPath}/OpenSans-LightItalic.ttf') format('truetype');
        font-style: italic;
        font-weight: 300;
    }

    @font-face {
        font-family: 'Open Sans';
        src: url('@{fontsPath}/OpenSans-Italic.eot');
        src: url('@{fontsPath}/OpenSans-Italic.eot?#iefix') format('embedded-opentype'),
             url('@{fontsPath}/OpenSans-Italic.woff') format('woff'),
             url('@{fontsPath}/OpenSans-Italic.svg#open_sansitalic') format('svg'),
             url('@{fontsPath}/OpenSans-Italic.ttf') format('truetype');
        font-style: italic;
        font-weight: 400;
    }

    @font-face {
        font-family: 'Open Sans';
        src: url('@{fontsPath}/OpenSans-SemiboldItalic.eot');
        src: url('@{fontsPath}/OpenSans-SemiboldItalic.eot?#iefix') format('embedded-opentype'),
             url('@{fontsPath}/OpenSans-SemiboldItalic.woff') format('woff'),
             url('@{fontsPath}/OpenSans-SemiboldItalic.svg#open_sanssemibold_italic') format('svg'),
             url('@{fontsPath}/OpenSans-SemiboldItalic.ttf') format('truetype');
        font-style: italic;
        font-weight: 600;
    }
}