vue中引入字体包

1.创建文件夹存放字体在src目录下创建text文件夹，字体放在这个文件夹下,命名为字体名（英文更好），并且创建text.scss。有时候UI上面会有一些特殊字体，这时候，你就可以将UI给你的字体包引入到自己的项目中，去实现特殊字体的处理。2.在text.scss里面写入。3.在main.js中引入。4.直接在自己需要的页面使用。以上步骤就可以实现引入字体包。...

阿wei程序媛

5468人浏览 · 2022-08-02 20:03:28

阿wei程序媛 · 2022-08-02 20:03:28 发布

有时候UI上面会有一些特殊字体，这时候，你就可以将UI给你的字体包引入到自己的项目中，去实现特殊字体的处理。如图的特殊字体

1.创建文件夹存放字体在src目录下创建text文件夹，字体放在这个文件夹下,命名为字体名（英文更好），并且创建text.scss

2.在text.scss里面写入

@font-face {
  font-family: "ZhenyanGB-Regular";
  src: url('./ZhenyanGB.ttf');
}

3.在main.js中引入

import "@/text/text.scss";

4.直接在自己需要的页面使用

.names {
  display: flex;
  font-size: 12px;
  color: #FE9DA4;
  font-family: ZhenyanGB-Regular;//重点代码
  position: absolute;
  top: 48px;
  left: 47px;
}

以上步骤就可以实现引入字体包