引入字体 .ttf 格式

 1. 下载所需要的字体，以 Poppins-Regular.ttf 为例

2. 创建 fonts 文件夹，里面包含以下文件 

 

 3. font.css 内容如下

@font-face {  
    font-family: 'Poppins-Regular';  /*重命名字体名 */
    src: url('Poppins-Regular.ttf'); /*引入字体*/
    font-weight: normal;  
    font-style: normal;  
  }

4. 在 index.html 引入 font.css，并在 body 设置字体

    <link rel="stylesheet" href="./fonts/font.css">
    <style>
    body{
        font-family: 'Poppins-Regular'; 
    }
    </style>