html引用外部字体

1、在线字体格式转换

原字体文件  name.ttf

https://www.fontke.com/tool/convfont/

 

2、

 

css文件地址

@font-face {
    font-family: '方正尚雅';

    src: url("../font/x/x.eot"); 
    /* IE9 */
    src: url("../font/x/x.eot?#iefix") format('embedded-opentype'), 
    /* IE6-IE8 */
    url("../font/x/x.woff") format("woff"), 
    /* chrome, firefox */
    
    /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */

    url("../font/x/x.ttf") format("truetype"), 
    url("../font/x/x.svg#DINCondRegular") format("svg"); 

    
    /*src:url('../font/x.ttf');*/
}