Here is how to use Webfont (including EOTWOFFWOFF2SVGTTF)that every browsers (even the oldest IE6.0) support and its@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 */

}

Here is how to use Webfont (including WOFFTTF) that main stream browsers support and its@font-face:

@font-face {

font-family:'MyWebFont';

src: url('webfont.woff') format('woff'),/* Pretty Modern Browsers */

url('webfont.ttf') format('truetype');/* Safari, Android, iOS */

}

Here is how to use Webfont (including WOFF) that almost main stream browsers support and its@font-face:

@font-face {

font-family:'MyWebFont';

src: url('webfont.woff') format('woff');/* Pretty Modern Browsers */

}

And use it like this:

body { font-family:'MyWebFont'; }