1<! DOCTYPE html>2"en">34<meta charset="UTF-8">5<title>fontface</title>6<style type="Text/css">7 8 /*Perfect Solution CSS3 Web-safe fonts Various browser compatibility issues*/9@font-Face {TenFont-family:'MyFont';/*Define font names*/ OneSrc:url ('Font/abandone-webfont.eot');/*compatible with EOT*/ ASrc:url ('font/abandone-webfont.eot? #iefix') Format ('Embedded-opentype'), -Url'font/abandone-webfont.woff2') Format ('woff2'), -Url'Font/abandone-webfont.woff') Format ('Woff'),/*Firefox supports woff,woff2,opentype fonts*/ theUrl'Font/abandone-webfont.ttf') Format ('TrueType'),/*support for TrueType fonts based on the WebKit kernel*/ -Url'Font/abandone-webfont.svg#abandoned_bitplaneregular') Format ('svg'); -font-Weight:normal; -font-Style:normal; +font-stretch:ultra-expanded;/*define the font to fit the stretch*/ - } +#ff {font-family:myfont; font-size:50px;} A</style> at -<body> -<p id="FF">css3,font CSS Test123456</p> -</body> -Font format conversion Recommended Sites Https://www.fontsquirrel.com/tools/webfont-generator
CSS Custom Fonts Perfect Solution Example