前端如何使用下载的字体

       在开发中如果需要在项目中使用特定的字体。如何将字体下载到本地并且使用呢？

• 下载字体
• 创建font.css

@font-face {
  font-family: 'AlimamaDaoLiTi'; //字体名称
  src: url('../assets/font/AlimamaDaoLiTi.woff2'); //下载字体在项目中的路径
  font-weight: normal;
  font-style: normal;
}

• 使用字体

@import "@/font/font.css";//引入字体css文件

body {
  font-family: AlimamaDaoLiTi;
}

       这样项目中便能使用下载的字体了。