Vue字体引入

Ciwei蓝

已于 2023-11-14 10:56:47 修改

阅读量202

点赞数

分类专栏： js 2022Vue学习笔记文章标签：前端 javascript vue.js

于 2023-06-13 09:50:55 首次发布

本文链接：https://blog.youkuaiyun.com/Blue54/article/details/131182071

版权

2022Vue学习笔记同时被 2 个专栏收录

54 篇文章

订阅专栏

34 篇文章

订阅专栏

文章主要介绍了如何在项目中导入并使用全局样式文件，如`normalize.css`，以及自定义的SCSS变量和字体文件。通过`@font-face`规则定义了两种字体：DOUYUFont和SourceHanSansCN，用于项目的文本渲染。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// 全局的样式
@import url('./style.scss');
@import url('./normalize.css');
@import url('/src/assets/font/font.scss');
$fontPath: '~@/assets/font/';
@font-face{
  font-family:DOUYUFont;
  src:url( $fontPath + '/82054298b265c7b66073b585898474c0.ttf');
}
@font-face {
  font-family: Source Han Sans CN;
  src:url($fontPath + "/SourceHanSansCN-Regular.ttf");
}