Polices à télécharger : @font-face

, par Christophe

Utliser une police de caractères servie depuis une URL :
la propriété CSS @font-face

/* 
 * téléchargement des polices
 */
@font-face {
	font-family: 'Vegur';
	src: url('fonts/Vegur-Regular-webfont.woff') format('woff');
	font-style: normal;
}
@font-face {
	font-family: 'VegurBold';
	url('fonts/Vegur-Bold-webfont.woff');
	font-weight: bold;
}

@font-face {
	font-family: 'merriweather';
	src: url('merriweather-bold.woff2?#iefix') format('woff2'),
		 url('merriweather-bold.woff') format('woff'),
		 url('merriweather-bold.ttf') format('truetype');
	 font-weight: bold;
	 font-style: normal;
}

/*
 * Utiliser des polices définies en @font-face
 */
body { 
	font-family: Vegur; 
}
h1 {
	font-family: merriweather, georgia, serif;
}