在css里頂部加上如下代碼：

@font-face {
    font-family: 'DingTalk JinBuTi';
    src: url('DingTalk-JinBuTi.eot');
    src: url('DingTalk-JinBuTi.eot?#iefix') format('embedded-opentype'),
        url('DingTalk-JinBuTi.woff2') format('woff2'),
        url('DingTalk-JinBuTi.woff') format('woff'),
        url('DingTalk-JinBuTi.ttf') format('truetype'),
        url('DingTalk-JinBuTi.svg#DingTalk-JinBuTi') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

當然，也可創(chuàng)建一個css文件，然后在主css中加載這個文件：

@import "styleFo.css";

在調用字體的地方，修改成：

font-family:'DingTalk JinBuTi';

一般上面的字體設置代碼加到css的body{}里就可以了。

生成字體格式的網站：https://transfonter.org/

Add fonts上傳字體，然后選擇格式，一般TTF,WOFF,SVG,EOT,WOFF2全都選擇就可以。

然后點Convert生成字體。

生成的字體文件中已經包含了一個css文件，直接復制這個css文件中的@font-face部分就可以了。

有時候會出現(xiàn)這樣的情況，如果修改@font-face里面的font-family的字體名字，那么調用這個修改后的字體不能正常顯示字體樣式，所以建議這里面的字體名字不要動，下面的url是可以隨便修改的。

本文TAG：web服務器