/* base */
@font-face {font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.ttf') format('truetype');
    font-weight: normal; font-style: normal;}

@font-face {font-family: 'Roboto Black';
    src: url('../fonts/Roboto-Black.ttf') format('truetype');
    font-weight: normal; font-style: normal;}
@font-face {font-family: 'Roboto Black Italic';
    src: url('../fonts/Roboto-BlackItalic.ttf') format('truetype');
    font-weight: normal; font-style: italic;}

@font-face {font-family: 'Roboto Bold';
    src: url('../fonts/Roboto-Bold.ttf') format('truetype');
    font-weight: normal; font-style: normal;}
@font-face {font-family: 'Roboto Bold Italic';
    src: url('../fonts/Roboto-BoldItalic.ttf') format('truetype');
    font-weight: normal; font-style: italic;}
    
@font-face {font-family: 'Roboto Light';
    src: url('../fonts/Roboto-Light.ttf') format('truetype');
    font-weight: normal; font-style: normal;}
@font-face {font-family: 'Roboto Light Italic';
    src: url('../fonts/Roboto-LightItalic.ttf') format('truetype');
    font-weight: normal; font-style: italic;}
    
@font-face {font-family: 'Roboto Thin';
    src: url('../fonts/Roboto-Thin.ttf') format('truetype');
    font-weight: normal; font-style: normal;}
@font-face {font-family: 'Roboto Thin Italic';
    src: url('../fonts/Roboto-ThinItalic.ttf') format('truetype');
    font-weight: normal; font-style: italic;}

/* condensed */
@font-face {font-family: 'Roboto Condensed';
    src: url('../fonts/Roboto_Condensed-Regular.ttf') format('truetype');
    font-weight: normal; font-style: normal;}

@font-face {font-family: 'Roboto Condensed Black';
    src: url('../fonts/Roboto_Condensed-Black.ttf') format('truetype');
    font-weight: normal; font-style: normal;}
@font-face {font-family: 'Roboto Condensed Black Italic';
    src: url('../fonts/Roboto_Condensed-BlackItalic.ttf') format('truetype');
    font-weight: normal; font-style: italic;}

@font-face {font-family: 'Roboto Condensed Bold';
    src: url('../fonts/Roboto_Condensed-Bold.ttf') format('truetype');
    font-weight: normal; font-style: normal;}
@font-face {font-family: 'Roboto Condensed Bold Italic';
    src: url('../fonts/Roboto_Condensed-BoldItalic.ttf') format('truetype');
    font-weight: normal; font-style: italic;}
    
@font-face {font-family: 'Roboto Condensed Light';
    src: url('../fonts/Roboto_Condensed-Light.ttf') format('truetype');
    font-weight: normal; font-style: normal;}
@font-face {font-family: 'Roboto Condensed Light Italic';
    src: url('../fonts/Roboto_Condensed-LightItalic.ttf') format('truetype');
    font-weight: normal; font-style: italic;}
    
@font-face {font-family: 'Roboto Condensed Thin';
    src: url('../fonts/Roboto_Condensed-Thin.ttf') format('truetype');
    font-weight: normal; font-style: normal;}
@font-face {font-family: 'Roboto Condensed Thin Italic';
    src: url('../fonts/Roboto_Condensed-ThinItalic.ttf') format('truetype');
    font-weight: normal; font-style: italic;}

/* slab */
@font-face {font-family: 'Roboto Slab';
    src: url('../fonts/RobotoSlab-Regular.ttf') format('truetype');
    font-weight: normal; font-style: normal;}

@font-face {font-family: 'Roboto Slab Black';
    src: url('../fonts/RobotoSlab-Black.ttf') format('truetype');
    font-weight: normal; font-style: normal;}

@font-face {font-family: 'Roboto Slab Bold';
    src: url('../fonts/RobotoSlab-Bold.ttf') format('truetype');
    font-weight: normal; font-style: normal;}

@font-face {font-family: 'Roboto Slab Light';
    src: url('../fonts/RobotoSlab-Light.ttf') format('truetype');
    font-weight: normal; font-style: normal;}

@font-face {font-family: 'Roboto Slab Thin';
    src: url('../fonts/RobotoSlab-Thin.ttf') format('truetype');
    font-weight: normal; font-style: normal;}