vue如何使用外部特殊字体的操作
更新时间：2020年07月30日 10:49:58 作者：听听那晚风
这篇文章主要介绍了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如何使用外部特殊字体的操作就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
在Avue框架中,使用formslot自定义表格列时可能会遇到无法调用Avue的自定义校验规则的问题,这通常发生在尝试通过formslot自定义设置列的场景中,解决这一问题的一个有效方法是将自定义列与Avue的校验规则通过特定方式连接起来2024-10-10
谈谈VUE种methods watch和compute的区别和联系
本篇文章主要介绍了谈谈VUE种methods watch和compute的区别和联系，具有一定的参考价值，有兴趣的可以了解一下2017-08-08
Pinia 是2019年由vue.js官方成员重新设计的新一代状态管理库,类似Vuex,下面我们就来学习一下如何通过Pinia实现持久化存储的相关知识,感兴趣的小伙伴可以了解下2023-12-12
本文主要介绍了Vite中自制mock服务器，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-04-04
这篇文章主要给大家介绍了关于vue中适配px2rem的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2018-11-11
今天小编就为大家分享一篇vue 解决移动端弹出键盘导致页面fixed布局错乱的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-11-11
这篇文章主要介绍了Vue3不支持Filters过滤器的问题,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-09-09
Vue引用第三方datepicker插件无法监听datepicker输入框的值的解决
这篇文章主要介绍了Vue引用第三方datepicker插件无法监听datepicker输入框的值的解决，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-01-01
这篇文章主要介绍了Vue3封装ant-design-vue表格，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2023-05-05
这篇文章主要介绍了vue3.0安装Element ui及矢量图使用,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2021-12-12
最新评论