Front End Development Blog

New Bulletproof Font-Face Syntax

A new version that apparently works in all browsers and clean.

@font-face {
	font-family: 'MyFontFamily';
	src: url('myfont-webfont.eot'); /* IE9 Compat Modes */
	src: url('myfont-webfont.eot?iefix') format('eot'), /* IE6-IE8 */
	     url('myfont-webfont.woff') format('woff'), /* Modern Browsers */
	     url('myfont-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
	     url('myfont-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
	}