vue项目引入外部字体

qq_35971976

已于 2022-07-20 11:35:38 修改

阅读量1.3k

点赞数 2

分类专栏： vue 文章标签： vue 前端

于 2022-07-14 10:25:20 首次发布

本文链接：https://blog.csdn.net/qq_35971976/article/details/125778277

版权

vue 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

文章目录

一、vue项目引入外部字体

一、vue项目引入外部字体

1.网上下载字体包

在这里插入图片描述

2.在项目中引入字体

在这里插入图片描述

3.然后在css文件夹创建一个font.css文件，文件用于声明引入的字体，定义字体名称

@font-face {
  font-family: 'Source Han Sans CN-Medium'; 
  src: url('../font/SourceHanSansSC-Medium.otf'); 
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Source Han Serif SC-Bold'; 
  src: url('../font/SourceHanSansSC-Bold.otf'); 
  font-weight: normal;
  font-style: normal;
}