html face使用方法 @font-face的用法

几乎所有浏览器(包括最古老的IE6)也支持的网络字体@font-face的用法是：

@font-face {

font-family: MyWebFont;

src: url(webfont.eot); /* IE9 Compat Modes */

src: url(webfont.eot?#iefix) format(embedded-opentype), /* IE6-IE8 */

url(webfont.woff) format(woff), /* Modern Browsers */

url(webfont.ttf) format( ruetype), /* Safari, Android, iOS */

url(webfont.svg#svgFontName) format(svg); /* Legacy iOS */

}

但进入到现代浏览器时代后，WOFF格式的字体受到了普遍的支持，所有，你可能只需要这样写：

@font-face {

font-family: MyWebFont;

src: url(myfont.woff) format(woff), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */

url(myfont.ttf) format( ruetype); /* Chrome 4+, Firefox 3.5, Opera 10+,

如果觉得《html face使用方法 @font-face的用法》对你有帮助，请点赞、收藏，并留下你的观点哦！