CSS 使用@ font-face

Posted 2021-05-23

/* This was updated Feburary 10th, 2011 to be the cleanest and most compatible way to embed custom fonts. */

@font-face {
	font-family: 'MyFontFamily';
	src: url('myfont-webfont.eot?') format('eot'),
		 url('myfont-webfont.woff') format('woff'),
		 url('myfont-webfont.ttf')  format('truetype'),
		 url('myfont-webfont.svg#svgFontName') format('svg');
}

/* Usage */

body {
	font-family: 'MyFontFamily', Fallback, sans-serif;
}