@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('/pkg/fire/assets/font/Roboto/Roboto-Regular.eot'); /* IE9 Compat Modes */
    src: url('/pkg/fire/assets/font/Roboto/Roboto-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/pkg/fire/assets/font/Roboto/Roboto-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('/pkg/fire/assets/font/Roboto/Roboto-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url('/pkg/fire/assets/font/Roboto/Roboto-Light.eot'); /* IE9 Compat Modes */
    src: url('/pkg/fire/assets/font/Roboto/Roboto-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/pkg/fire/assets/font/Roboto/Roboto-Light.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('/pkg/fire/assets/font/Roboto/Roboto-Light.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    src: url('/pkg/fire/assets/font/Roboto/Roboto-SemiBold.eot'); /* IE9 Compat Modes */
    src: url('/pkg/fire/assets/font/Roboto/Roboto-SemiBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/pkg/fire/assets/font/Roboto/Roboto-SemiBold.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('/pkg/fire/assets/font/Roboto/Roboto-SemiBold.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url('/pkg/fire/assets/font/Roboto/Roboto-Bold.eot'); /* IE9 Compat Modes */
    src: url('/pkg/fire/assets/font/Roboto/Roboto-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/pkg/fire/assets/font/Roboto/Roboto-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('/pkg/fire/assets/font/Roboto/Roboto-Bold.svg#svgFontName') format('svg'); /* Legacy iOS */
}