@font-face {
    font-family: 'roboto_condensed';
    src: url('robotocondensed-bold-webfont.eot');
    src: url('robotocondensed-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('robotocondensed-bold-webfont.woff') format('woff'),
         url('robotocondensed-bold-webfont.ttf') format('truetype'),
         url('robotocondensed-bold-webfont.svg#roboto_condensedbold') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'roboto_condensed';
    src: url('robotocondensed-bolditalic-webfont.eot');
    src: url('robotocondensed-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('robotocondensed-bolditalic-webfont.woff') format('woff'),
         url('robotocondensed-bolditalic-webfont.ttf') format('truetype'),
         url('robotocondensed-bolditalic-webfont.svg#roboto_condensedbold_italic') format('svg');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'roboto_condensed';
    src: url('robotocondensed-italic-webfont.eot');
    src: url('robotocondensed-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('robotocondensed-italic-webfont.woff') format('woff'),
         url('robotocondensed-italic-webfont.ttf') format('truetype'),
         url('robotocondensed-italic-webfont.svg#roboto_condenseditalic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'roboto_condensed';
    src: url('robotocondensed-light-webfont.eot');
    src: url('robotocondensed-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('robotocondensed-light-webfont.woff') format('woff'),
         url('robotocondensed-light-webfont.ttf') format('truetype'),
         url('robotocondensed-light-webfont.svg#roboto_condensedlight') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'roboto_condensed';
    src: url('robotocondensed-lightitalic-webfont.eot');
    src: url('robotocondensed-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('robotocondensed-lightitalic-webfont.woff') format('woff'),
         url('robotocondensed-lightitalic-webfont.ttf') format('truetype'),
         url('robotocondensed-lightitalic-webfont.svg#roboto_condensedlight_italic') format('svg');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'roboto_condensed';
    src: url('robotocondensed-regular-webfont.eot');
    src: url('robotocondensed-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('robotocondensed-regular-webfont.woff') format('woff'),
         url('robotocondensed-regular-webfont.ttf') format('truetype'),
         url('robotocondensed-regular-webfont.svg#roboto_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*


@font-face {
    font-family: 'roboto_condensed';
    src: url('RobotoCondensed-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'roboto_condensed';
    src: url('RobotoCondensed-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'roboto_condensed';
    src: url('RobotoCondensed-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'roboto_condensed';
    src: url('RobotoCondensed-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'roboto_condensed';
    src: url('RobotoCondensed-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;

}

@font-face {
    font-family: 'roboto_condensed';
    src: url('RobotoCondensed-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


*/

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

@font-face {
    font-family: 'roboto';
    src: url('Roboto-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'roboto';
    src: url('Roboto-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;

}



@font-face {
    font-family: 'roboto';
    src: url('Roboto-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'roboto';
    src: url('Roboto-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}


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

@font-face {
    font-family: 'roboto';
    src: url('Roboto-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'roboto';
    src: url('Roboto-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'roboto';
    src: url('Roboto-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'roboto';
    src: url('Roboto-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'roboto';
    src: url('Roboto-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'roboto';
    src: url('Roboto-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}


/*Fraunces attention font variable les cle sont dans le nom du fichier SOFT WONG opsz wght*/
@font-face {
    font-family: 'var-fraunces';
    src: url('Fraunces-Italic-VariableFont_SOFT,WONK,opsz,wght.ttf') format('truetype');
    font-style: italic;
}

@font-face {
    font-family: 'var-fraunces';
    src: url('Fraunces-VariableFont_SOFT,WONK,opsz,wght.ttf') format('truetype');
    font-style: normal;
}

/*frauces statique pour ios*/
@font-face {
    font-family: 'static-fraunces-soft';
    src: url('Fraunces_144pt_Soft-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'static-fraunces';
    src: url('Fraunces_144pt-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}