vue项目引入新字体

1.把字体库放在文件中

在这里插入图片描述

2.新建字样式文件

文件写入：

@font-face {font-family: DS-Digital; //字体名称  可随意指定src: url('~@/assets/font/DS-DIGIT.TTF'); //引入对应的字体文件
}
```![在这里插入图片描述](https://img-blog.csdnimg.cn/7d8921354a434bc5a77bc4aaf69530b7.png)
![在这里插入图片描述](https://img-blog.csdnimg.cn/2e6ee789dd044ec998cf9aeac4749ae8.png)## 3.在入口样式引入字体样式使用
![在这里插入图片描述](https://img-blog.csdnimg.cn/e3d6db5c3a1c4447bd252e2082a7f4eb.png)

vue项目引入新字体相关推荐

Vue项目引入自定义字体 tinymce自定义字体的使用
字体也不是随便就能使用的,如果是有版权的字并且进行了大规模商用,很有可能面临着一大笔的赔偿金,所以公司会购买一些字体的使用权,所以在日常做项目时会经常使用到自定义字体引入的问题.我遇到的是Vue项目的 ...
Vue项目引入自定义字体
1. 问设计先要到字体文件(woff2|eot|ttf|otf) 因为项目对浏览器支持性要求不高,所以笔者只用了ttf文件(仅以苹方字体举例),一般情况ttf和woff就够用注: 如果要求支持Ope ...
vue项目引入外部字体文件
1.在根目录的assets中新建fonts目录 /* // 注意:font-family: 'XXX'; 将字体名字自定义为XXX,使用时要用这个名字 */ @font-face {font-fami ...
vue项目html引入css,vue项目引入自定义.css的样式文件
ES6的引入方式: .vue文件中 css文件引入 @import "../assets/common/common.css";//自定义.css的样式路径 js文件的引入在ma ...
vue项目引入阿里巴巴矢量图标库 ——字体图标
1. 打开阿里巴巴矢量图标库官网 iconfont-阿里巴巴矢量图标库 2. 下载图标步骤 (1) (2) (3) (4) (5) (6)main.js 配置引入assets中的图标路径 (7)页 ...
vue项目引入typescript（vue与ts混用）
说明为什么要在vue项目中使用ts? 新公司给了一个关于vue项目的需求,又由于ts是JavaScript的超集,强类型数据,组件化友好.故我选择在vue项目中引入ts. 下载typescript和 ...
VUE项目引入微信JSSDK 实现微信自定义分享
VUE项目引入微信JSSDK 实现自定义分享前端vue.后端php 问题:后端获取config参数所需的url 需要和请求自定义分享页面url一致一.微信公众号后台添加 js安全域名(白名单) 二 ...
vue项目引入标签云动画js函数，不执行
vue项目引入标签云动画js函数,数据重新渲染了,但是动画不执行了 rollTagCloud() {/* 3D标签云滚动函数*/const timer = setTimeout(() => {t ...
在style标签中，vue项目引入style文件，外部css文件
在style标签中,vue项目引入style文件,外部css文件一.css是什么? 二.使用步骤 1.使用style标签引入 2.在style标签内使用@import导入总结一.css是什么? ...

vue项目引入新字体

1.把字体库放在文件中

2.新建字样式文件

vue项目引入新字体相关推荐

最新文章

热门文章