Outils pour utilisateurs

Outils du site


Panneau latéral

webdev:html_css:ajout_dune_police

Ajout d'une police

Convertisseur de police web : FontSquirrel (vérifie si les polices sont libres) : http://www.fontsquirrel.com/tools/webfont-generator Web Font Generator (pas de vérification) : https://www.web-font-generator.com/

@font-face {
    font-family: 'Gill Sans Std';

    src: url('fonts/GillSansStd.eot'); /* IE9 Compat Modes */
    src: url('fonts/GillSansStd.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/GillSansStd.woff') format('woff'), /* Modern Browsers */
         url('fonts/GillSansStd.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('fonts/GillSansStd.svg#svgFontName') format('svg'); /* Legacy iOS */

    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gill Sans Std';

    src: url('fonts/GillSansStd-Bold.eot'); /* IE9 Compat Modes */
    src: url('fonts/GillSansStd-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/GillSansStd-Bold.woff') format('woff'), /* Modern Browsers */
         url('fonts/GillSansStd-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('fonts/GillSansStd-Bold.svg#svgFontName') format('svg'); /* Legacy iOS */

    font-weight: bold;
    font-style: normal;
}

Version de fontsquirrel :

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

Favoriser les OpenType Fonts (OTF) plutôt que TrueType Fonts (TTF) ? Stack


Ajouter un contour en CSS

webdev/html_css/ajout_dune_police.txt · Dernière modification: 19/04/2019 20:50 de dolo