支撑 @font-face 的订网浏览器有Internet Explorer 9、Firefox Opera、站字Chrome和Safari，体方阿里云轻量云服务器流量包选择另外IE9只支撑.eot类型的订网字体，Firefox、站字Chrome、体方Safari、订网和Opera支撑.ttf、站字.otf 两种类型字体。体方阿里云轻量云服务器流量包选择

常规用法：

@font-face { font-family: myFirstFont;//定义该字体名称，订网后面要使用该字体时，站字使用该名称 src: url(YourWebFontName.ttf),体方 url(YourWebFontName.eot); /* IE9 */ } h1 {font-family:myFirstFont;}

兼容性写法

@font-face { font-family: myFirstFont; 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 */ }

然后，修订全站默认字体

  此处内容已藏匿，订网站字请留言后刷新页面查看. 内容看完了