兼容所有瀏覽器「包括最古老的IE 6.0」的Webfont「包括：EOTWOFFWOFF2SVGTTF」，其@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.woff2'」 format「'woff2'」,/* Super Modern Browsers */

url「'webfont.woff'」 format「'woff'」,/* Pretty Modern Browsers */

url「'webfont.ttf'」 format「'truetype'」,/* Safari, Android, iOS */

url「'webfont.svg#svgFontName'」 format「'svg'」;/* Legacy iOS */

}

兼容主流瀏覽器的Webfont「包括：WOFF TTF」，其@font-face的用法是：

@font-face {

font-family: 'MyWebFont';

src: url「'webfont.woff'」 format「'woff'」,/* Pretty Modern Browsers */

url「'webfont.ttf'」 format「'truetype'」;/* Safari, Android, iOS */

}

兼容較主流瀏覽器的Webfont「包括：WOFF」，其@font-face的用法是：

@font-face {

font-family: 'MyWebFont';

src: url「'webfont.woff'」 format「'woff'」;/* Pretty Modern Browsers */

}

然後，像這樣使用：

body { font-family: 'MyWebFont'; }