vue特殊字体 vue怎样使用外部特殊字体的操作
听听那晚风 人气:2想了解vue怎样使用外部特殊字体的操作的相关内容吗,听听那晚风在本文为您仔细讲解vue特殊字体的相关知识和一些Code实例,欢迎阅读和指正,我们先划重点:vue,特殊字体,下面大家一起来学习吧。
话不多说先看效果:
我这里使用的是“优设标题这种字体”,接下来就是实现步骤了:
1、先在百度上下载所需要的字体ttf文件
2、在src文件夹新建common文件夹再建 font文件夹
3、在font文件夹里新建 font.css文件,以及把下载好的ttf文件放入
font.css内容如下
4、在App.vue的style里引入font.css文件
5、在需要用到特殊字体的地方,把 font-family:”自定义字体名”,这里的优设标题就是在font.css文件里自定义的字体名
这样就实现使用特殊字体啦,希望对萌新有所帮助~
补充知识:怎么把分化成元,并且保留两位小数,用vue来做
我就废话不多说了,大家还是直接看代码吧~
<el-table-column prop="amount" label="申请提现金额" width="120" align="center"> <template scope="scope"> {{ scope.row.amount | filterMoney }} </template> </el-table-column>
filters: { filterMoney (num) { return (num / 100).toFixed(2) } },
以上这篇vue如何使用外部特殊字体的操作就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
加载全部内容