====== 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) ? [[https://stackoverflow.com/questions/3245141/using-otf-fonts-on-web-browsers|Stack]] ----------- ===== Ajouter un contour en CSS ===== * [[https://stackoverflow.com/questions/2570972/css-font-border]] * [[https://css-tricks.com/adding-stroke-to-web-text/]] Ça rend quand même dégueulasse et mauvaise compatibilité...