@font-face {
    font-family: 'Roboto';
    src: url('TTNorms-Bold.otf');
    src: local('Roboto Bold'), local('TTNorms-Bold'),
        url('TTNorms-Bold.otf') format('embedded-opentype'),
        url('TTNorms-Bold.otf') format('otf'),
        url('TTNorms-Bold.otf') format('otf'),
        url('TTNorms-Bold.otf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('TTNorms-ThinItalic.otf');
    src: local('Roboto Thin Italic'), local('TTNorms-ThinItalic'),
        url('TTNorms-ThinItalic.otf') format('embedded-opentype'),
        url('TTNorms-ThinItalic.otf') format('otf'),
        url('TTNorms-ThinItalic.otf') format('otf'),
        url('TTNorms-ThinItalic.otf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('TTNorms-Thin.otf');
    src: local('Roboto Thin'), local('TTNorms-Thin'),
        url('TTNorms-Thin.otf') format('embedded-opentype'),
        url('TTNorms-Thin.otf') format('otf'),
        url('TTNorms-Thin.otf') format('otf'),
        url('TTNorms-Thin.otf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('TTNorms-LightItalic.otf');
    src: local('Roboto Light Italic'), local('TTNorms-LightItalic'),
        url('TTNorms-LightItalic.otf') format('embedded-opentype'),
        url('TTNorms-LightItalic.otf') format('otf'),
        url('TTNorms-LightItalic.otf') format('otf'),
        url('TTNorms-LightItalic.otf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('TTNorms-ExtraBoldItalic.otf');
    src: local('Roboto ExtraBold Italic'), local('TTNorms-ExtraBoldItalic'),
        url('TTNorms-ExtraBoldItalic.otf') format('embedded-opentype'),
        url('TTNorms-ExtraBoldItalic.otf') format('otf'),
        url('TTNorms-ExtraBoldItalic.otf') format('otf'),
        url('TTNorms-ExtraBoldItalic.otf') format('truetype');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('TTNorms-Italic.otf');
    src: local('Roboto Italic'), local('TTNorms-Italic'),
        url('TTNorms-Italic.otf') format('embedded-opentype'),
        url('TTNorms-Italic.otf') format('otf'),
        url('TTNorms-Italic.otf') format('otf'),
        url('TTNorms-Italic.otf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('TTNorms-ExtraLight.otf');
    src: local('Roboto ExtraLight'), local('TTNorms-ExtraLight'),
        url('TTNorms-ExtraLight.otf') format('embedded-opentype'),
        url('TTNorms-ExtraLight.otf') format('otf'),
        url('TTNorms-ExtraLight.otf') format('otf'),
        url('TTNorms-ExtraLight.otf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('TTNorms-HeavyItalic.otf');
    src: local('Roboto Heavy Italic'), local('TTNorms-HeavyItalic'),
        url('TTNorms-HeavyItalic.otf') format('embedded-opentype'),
        url('TTNorms-HeavyItalic.otf') format('otf'),
        url('TTNorms-HeavyItalic.otf') format('otf'),
        url('TTNorms-HeavyItalic.otf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('TTNorms-MediumItalic.otf');
    src: local('Roboto Medium Italic'), local('TTNorms-MediumItalic'),
        url('TTNorms-MediumItalic.otf') format('embedded-opentype'),
        url('TTNorms-MediumItalic.otf') format('otf'),
        url('TTNorms-MediumItalic.otf') format('otf'),
        url('TTNorms-MediumItalic.otf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('TTNorms-BoldItalic.otf');
    src: local('Roboto Bold Italic'), local('TTNorms-BoldItalic'),
        url('TTNorms-BoldItalic.otf') format('embedded-opentype'),
        url('TTNorms-BoldItalic.otf') format('otf'),
        url('TTNorms-BoldItalic.otf') format('otf'),
        url('TTNorms-BoldItalic.otf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('TTNorms-Heavy.otf');
    src: local('Roboto Heavy'), local('TTNorms-Heavy'),
        url('TTNorms-Heavy.otf') format('embedded-opentype'),
        url('TTNorms-Heavy.otf') format('otf'),
        url('TTNorms-Heavy.otf') format('otf'),
        url('TTNorms-Heavy.otf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('TTNorms-Light.otf');
    src: local('Roboto Light'), local('TTNorms-Light'),
        url('TTNorms-Light.otf') format('embedded-opentype'),
        url('TTNorms-Light.otf') format('otf'),
        url('TTNorms-Light.otf') format('otf'),
        url('TTNorms-Light.otf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('TTNorms-Medium.otf');
    src: local('Roboto Medium'), local('TTNorms-Medium'),
        url('TTNorms-Medium.otf') format('embedded-opentype'),
        url('TTNorms-Medium.otf') format('otf'),
        url('TTNorms-Medium.otf') format('otf'),
        url('TTNorms-Medium.otf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('TTNorms-ExtraBold.otf');
    src: local('Roboto ExtraBold'), local('TTNorms-ExtraBold'),
        url('TTNorms-ExtraBold.otf') format('embedded-opentype'),
        url('TTNorms-ExtraBold.otf') format('otf'),
        url('TTNorms-ExtraBold.otf') format('otf'),
        url('TTNorms-ExtraBold.otf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('TTNorms-ExtraLightItalic.otf');
    src: local('Roboto ExtraLight Italic'), local('TTNorms-ExtraLightItalic'),
        url('TTNorms-ExtraLightItalic.otf') format('embedded-opentype'),
        url('TTNorms-ExtraLightItalic.otf') format('otf'),
        url('TTNorms-ExtraLightItalic.otf') format('otf'),
        url('TTNorms-ExtraLightItalic.otf') format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('TTNorms-Regular.otf');
    src: local('Roboto Regular'), local('TTNorms-Regular'),
        url('TTNorms-Regular.otf') format('embedded-opentype'),
        url('TTNorms-Regular.otf') format('otf'),
        url('TTNorms-Regular.otf') format('otf'),
        url('TTNorms-Regular.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('TTNorms-BlackItalic.otf');
    src: local('Roboto Black Italic'), local('TTNorms-BlackItalic'),
        url('TTNorms-BlackItalic.otf') format('embedded-opentype'),
        url('TTNorms-BlackItalic.otf') format('otf'),
        url('TTNorms-BlackItalic.otf') format('otf'),
        url('TTNorms-BlackItalic.otf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('TTNorms-Black.otf');
    src: local('Roboto Black'), local('TTNorms-Black'),
        url('TTNorms-Black.otf') format('embedded-opentype'),
        url('TTNorms-Black.otf') format('otf'),
        url('TTNorms-Black.otf') format('otf'),
        url('TTNorms-Black.otf') format('truetype');
    font-weight: 900;
    font-style: normal;
}