如何在css中使用Web Fonts

Web Fonts

<style>
    /* 将这个字体引入到网页中 */
    @font-face {
      font-family: "zyj";
      src: url("./fonts/AaQingHuanYuanTi-2.ttf");
    }

    .box {
      font-family: "zyj";
    }
  </style>

解读：
step1：先定义box盒子的font-family: “zyj”，设置成你想要的名字。
step2：配上 font-family 和src，src的引用格式如上代码，字体样式是你提前下载下来的。