2021-09-28

最新推荐文章于 2024-09-10 14:15:01 发布

ting_cute

最新推荐文章于 2024-09-10 14:15:01 发布

阅读量178

点赞数

分类专栏：方正数字字码字体引入和使用文章标签： html

本文链接：https://blog.csdn.net/ting_cute/article/details/120531991

版权

方正数字字码字体引入和使用专栏收录该内容

1 篇文章 0 订阅

订阅专栏

vue-cli3引入外部字体和使用方法

1.在style里面放入外部的文字文件
在这里插入图片描述 2.在style的index.scss文件中引入以下需要用到的文字字体

<style>
@font-face {
  font-family: "fangzhenglanting";
  src: url(./fonts/BankGothic-Regular.ttf) format("truetype");
}
@font-face {
  font-family: 'ds-digitalnormal';
  src: url('./fonts/ds-digital_normal-webfont.woff2') format('woff2'),
  url('./fonts/ds-digital_normal-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
</style>