@font-face 兼容各浏览器正确 写法

{
font-family: 'Aparajita';
src: url('../font/Aparajita.eot?') format('eot');/*IE*/
src:url('../font/Aparajita.woff') format('woff'), url('../font/Aparajita.ttf') format('truetype');/*non-IE*/
font-weight:normal;font-style:normal;
}
.Aparajita{font-family: Aparajita,Arial, sans-serif;}

但为了让各多的浏览器支持,你也可以写成:

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

你可能感兴趣的:(@font-face 兼容各浏览器正确 写法)