Webfont「EOTWOFFWOFF2SVGTTFを含む」はすべてのブラウザー「最も古いIE 6.0を含む」と互換性があり、@font-faceの使用法は次のとおりです。

@font- face {

font-family：'MyWebFont';

src：url「'webfont.eot'」;/* IE9互換モード*/

src：url「'webfont.eot？#iefix'」format「'embedded-opentype'」、/* IE6-IE8 */

url「'webfont.woff2'」format「' woff2'」、/*スーパーモダンブラウザ*/

url「' webfont.woff'」format「' woff'」、/*プリティモダンブラウザ*/

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

url「'webfont。svg＃svgFontName'」format「' svg'」;/*レガシーiOS */

}

メインストリームブラウザ「WOFFTTFを含む」と互換性のあるWebフォント、@font-faceの使用法は次のとおりです。

@font-face {

font-family：'MyWebFont';

src：url「'webfont.woff'」format「'woff'」、/*かなり現代的なブラウザ*/

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

}

メインストリームブラウザ「WOFFを含む」と互換性のあるWebfont、@font-faceの使用法は次のとおりです。

@font-face {

font-family：'MyWebFont';

src：url「'webfont.woff'」format「'woff'」;/*かなり現代的なブラウザ*/

}

次に、次のように使用します：

body {font-family：'MyWebFont';}