@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: '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;
}