vue引入如何使用不同字体

1.将字体包（比如 Alibaba-PuHuiTi-Regular.ttf）放入assets文件夹里面

2.新建一个css文件，如 index.css(注：要记得在main.js引入),在里面写入

@font-face {

font-family: Regular;

src: url('../assets/Alibaba-PuHuiTi-Regular.ttf');

font-weight: normal;

}

3.使用，如

.name{

font-family: Regular;

}

这样就能用上你想要的字体啦

vue引入如何使用不同字体相关推荐

webpack引入iview.css,解决webpack+Vue引入iView找不到字体文件的问题
原因: css-loader后面带了参数modules(打包报错) url-loader后面带了参数name(引入报错) { test: /\.css$/, use: ExtractTextPlugi ...
在Vue中使用svg格式字体图标
在Vue中使用svg格式字体图标 1.新建一条分支,在新分支上修改,测试无误后合并到开发分支(建议) 2.先安装svg-sprite-loader ( 在打包时处理svg格式并展示到项目中的过滤器 ...
html如何调用特殊字体,vue如何使用外部特殊字体的操作
话不多说先看效果: 我这里使用的是"优设标题这种字体",接下来就是实现步骤了: 1.先在百度上下载所需要的字体ttf文件 2.在src文件夹新建common文件夹再建 font文件 ...
Vue 引入Ueditor修改样式仿照Word文档
前言项目中有涉及到对文本生成和文本内容编辑的需求,选择了百度的Ueditor.项目使用Vue框架.便于利用双向数据绑定特性,完成文本的生成. 效果图 Vue 引入Ueditor 下载Ueditor ...
vue 导入公共css_HTML+CSS入门 vue引入通用CSS
本篇教程介绍了HTML+CSS入门 vue引入通用CSS,希望阅读本篇文章以后大家有所收获,帮助大家HTML+CSS入门. < 1.在入口 js 文件 main.js 中引入,一些公共的样式文件 ...
vue引入全局less实现全局变量的控制
vue引入全局less 1.设置全局样式变量的好处: 2.以less为例(sass等同原理) 1.vue-cli2搭建的项目(1) 2.vue-cli2搭建的项目(2) 3.vue-cli3.vue- ...
html引入百度地图报错,vue引入百度地图BMapGL，或者其他个性化地图
3.jpg vue的百度地图早就有vue-baidu-map这里就不赘述了, 自己去直接对着API写就好了,基本上已经满足绝大多数需求了还简单方便. vue-baidu-map 传送门 https:/ ...
从 JavaScript 到 TypeScript 6 - Vue 引入 TypeScript
随着应用的庞大,项目中 JavaScript 的代码也会越来越臃肿,这时候许多 JavaScript 的语言弊端就会愈发明显,而 TypeScript 的出现,就是着力于解决 JavaScript 语 ...
vue 引入json地图_使用vue引入maptalks地图及聚合效果的实现
1.安装maptalks.js npm install maptalks --save 2.安装聚合mapkercluster npm install maptalks.markercluster 3 ...

vue引入如何使用不同字体

vue引入如何使用不同字体相关推荐

最新文章

热门文章