step 1：

新建一个文件夹放字体文件。

字体文件

step 2 ：

在css文件中写下如下代码：

@font-face {

font-family:'myfont';  // 字体名字，自己定义

src: url('./font/pfdintextcomppro-medium.ttf'); // 引入字体文件路径

}

step 3 ：

直接使用，示例代码如下：

.font{

    font-family: 'myfont';

}