vue项目引入字体.ttf

1、下载所需要的字体，.ttf格式本文以（FZCYJ.ttf 为例）

2、在src下新建common文件，文件夹中包含以下文件

3、打开font.css

@font-face {  font-family: 'FZCYJ';  //重命名字体名src: url('FZCYJ.ttf');  //引入字体font-weight: normal;  font-style: normal;
}

4、配置webpack.base.conf.js 文件

5、App.vue引入字体

6、可在body中设置字体

body{font-family: FZCYJ;
}

vue项目引入字体.ttf相关推荐

vue项目引入字体图标iconfont
直接将icon下载成图片使用,看此篇一.登入阿里字体图标库选择图标加入购物车下载代码: 解压后,将除了html的文件都复制一份到自己项目assets下: 二.点击打开之前解压的html文件推荐 ...
vue项目引入字体样式
1.先下载好需要的字体样式,下载好的应该是个.ttf文件 2.在asset中创建fonts文件夹,将字体样式文件放进去,然后再到里面创建font.css文件 3.font.css文件里面进行引用 @f ...
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)页 ...
H5（nuxt）项目引入字体
H5(nuxt)项目引入字体闲话少说方法1: 1.下载所需要的字体,.ttf格式本文以(FZCYJ.ttf 为例) 2.先自己定义一个font.css文件,字体文件的路径引入 @font-face ...
vue-cli项目引入字体包
vue-cli项目引入字体包 vue-cli项目引入字体包 vue-cli项目引入字体包 1.先下载字体文件所需的.ttf文件 2.将字体文件引入自己在src文件定义一个common文件夹,在fon ...
h5引用项目里css_H5（nuxt）项目引入字体
H5(nuxt)项目引入字体闲话少说方法1: 1.下载所需要的字体,.ttf格式本文以(FZCYJ.ttf 为例) 2.先自己定义一个font.css文件,字体文件的路径引入 @font-face ...
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项目引入字体.ttf

vue项目引入字体.ttf相关推荐

最新文章

热门文章