@font-face {
    font-family: 'FontAwesome';
    src: url('@{fontsPath}awesome/fontawesome-webfont.eot?v=3.2.1');
    src: url('@{fontsPath}awesome/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('@{fontsPath}awesome/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('@{fontsPath}awesome/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('@{fontsPath}awesome/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: 'Open Sans Regular';
    src: url('@{fontsPath}open-sans-fontfacekit/opensans_regular/OpenSans-Regular-webfont.eot');
    src: url('@{fontsPath}open-sans-fontfacekit/opensans_regular/OpenSans-Regular-webfont.eot?iefix') format('eot'),
    url('@{fontsPath}open-sans-fontfacekit/opensans_regular/OpenSans-Regular-webfont.woff') format('woff'),
    url('@{fontsPath}open-sans-fontfacekit/opensans_regular/OpenSans-Regular-webfont.ttf') format('truetype'),
    url('@{fontsPath}open-sans-fontfacekit/opensans_regular/OpenSans-Regular-webfont.svg#webfont') format('svg');
}

@font-face{
    font-family: 'Open Sans Light';
    src: url('@{fontsPath}open-sans-fontfacekit/opensans_light/OpenSans-Light-webfont.eot');
    src: url('@{fontsPath}open-sans-fontfacekit/opensans_light/OpenSans-Light-webfont.eot?iefix') format('eot'),
    url('@{fontsPath}open-sans-fontfacekit/opensans_light/OpenSans-Light-webfont.woff') format('woff'),
    url('@{fontsPath}open-sans-fontfacekit/opensans_light/OpenSans-Light-webfont.ttf') format('truetype'),
    url('@{fontsPath}open-sans-fontfacekit/opensans_light/OpenSans-Light-webfont.svg#webfont') format('svg');
}

@font-face {
    font-family: 'Roboto';
    font-weight: 300;
    src: url('@{fontsPath}roboto-font/roboto-light.woff2') format('woff2'), url('@{fontsPath}roboto-font/roboto-light.woff') format('woff');
}
@font-face {
    font-family: 'Roboto';
    font-weight: 400;
    src: url('@{fontsPath}roboto-font/roboto.woff2') format('woff2'), url('@{fontsPath}roboto-font/roboto.woff') format('woff');
}
@font-face {
    font-family: 'Roboto';
    font-weight: 500;
    src: url('@{fontsPath}roboto-font/roboto-medium.woff2') format('woff2'), url('@{fontsPath}roboto-font/roboto-medium.woff') format('woff');
}
/* MaterialDesignIcons.com */
@font-face {
    font-family: "Material Design Icons";
    src: url("@{fontsPath}mdi/materialdesignicons-webfont.eot?v=1.4.57");
    src: url("@{fontsPath}mdi/materialdesignicons-webfont.eot?#iefix&v=1.4.57") format("embedded-opentype"), url("@{fontsPath}mdi/materialdesignicons-webfont.woff2?v=1.4.57") format("woff2"), url("@{fontsPath}mdi/materialdesignicons-webfont.woff?v=1.4.57") format("woff"), url("@{fontsPath}mdi/materialdesignicons-webfont.ttf?v=1.4.57") format("truetype"), url("@{fontsPath}mdi/materialdesignicons-webfont.svg?v=1.4.57#materialdesigniconsregular") format("svg");
    font-weight: normal;
    font-style: normal;
}