html引用外部字体

1、在线字体格式转换

原字体文件  name.ttf

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

@font-face {
    font-family: "思源黑体";
    src: url(../font/SourceHanSansCN-Regular.eot);
    src: url(../font/SourceHanSansCN-Regular.eot#iefix) format('embedded-opentype'), url(../font/SourceHanSansCN-Regular.woff2) format('woff2'), url(../font/SourceHanSansCN-Regular.woff) format('woff'), url(../font/SourceHanSansCN-Regular.ttf) format('truetype'), url(../font/SourceHanSansCN-Regular.svg#iconfont) format('svg')
}

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');*/
}