vue如何使用外部特殊字体的操作


Posted in Javascript onJuly 30, 2020

话不多说先看效果:

vue如何使用外部特殊字体的操作

我这里使用的是“优设标题这种字体”,接下来就是实现步骤了:

1、先在百度上下载所需要的字体ttf文件

vue如何使用外部特殊字体的操作

2、在src文件夹新建common文件夹再建 font文件夹

vue如何使用外部特殊字体的操作

3、在font文件夹里新建 font.css文件,以及把下载好的ttf文件放入

font.css内容如下

vue如何使用外部特殊字体的操作

4、在App.vue的style里引入font.css文件

vue如何使用外部特殊字体的操作

5、在需要用到特殊字体的地方,把 font-family:”自定义字体名”,这里的优设标题就是在font.css文件里自定义的字体名

vue如何使用外部特殊字体的操作

这样就实现使用特殊字体啦,希望对萌新有所帮助~

补充知识:怎么把分化成元,并且保留两位小数,用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如何使用外部特殊字体的操作就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Js动态创建div
Sep 25 Javascript
jquery JSON的解析方式
Jul 25 Javascript
JavaScript 利用StringBuffer类提升+=拼接字符串效率
Nov 24 Javascript
jquery 模拟类搜索框自动完成搜索提示功能(改进)
May 24 Javascript
用js实现table单元格高宽调整,兼容合并单元格(兼容IE6、7、8、FF)实例
Jun 25 Javascript
Jquery选择子控件&quot;大于号&quot;和&quot; &quot;区别介绍及使用示例
Jun 25 Javascript
基于jquery实现一张图片点击鼠标放大再点缩小
Sep 29 Javascript
深入理解jQuery之防止冒泡事件
May 24 Javascript
JS动态添加元素及绑定事件造成程序重复执行解决
Dec 07 Javascript
在vue项目中安装使用Mint-UI的方法
Dec 27 Javascript
Vue 使用计时器实现跑马灯效果的实例代码
Jul 11 Javascript
解决ele ui 表格表头太长问题的实现
Nov 13 Javascript
在vue-cli3中使用axios获取本地json操作
Jul 30 #Javascript
JavaScript JSON使用原理及注意事项
Jul 30 #Javascript
解决vue cli4升级sass-loader(v8)后报错问题
Jul 30 #Javascript
基于JavaScript实现猜数字游戏代码实例
Jul 30 #Javascript
如何用JS模拟实现数组的map方法
Jul 30 #Javascript
Vue性能优化的方法
Jul 30 #Javascript
vue props default Array或是Object的正确写法说明
Jul 30 #Javascript
You might like
php初学者写及时补给skype用户充话费的小程序
2008/11/02 PHP
关于php mvc开发模式的感想
2011/06/28 PHP
php有效防止同一用户多次登录
2015/11/19 PHP
PHP实现查询两个数组中不同元素的方法
2016/02/23 PHP
PHP7.1实现的AES与RSA加密操作示例
2018/06/15 PHP
不安全的常用的js写法
2009/09/15 Javascript
javascript 循环调用示例介绍
2013/11/20 Javascript
JavaScript中的undefined学习总结
2013/11/30 Javascript
解析img图片没找到onerror事件 Stack overflow at line: 0
2013/12/23 Javascript
jquery 通过name快速取值示例
2014/01/24 Javascript
网页右侧悬浮滚动在线qq客服代码示例
2014/04/28 Javascript
IE8中动态创建script标签onload无效的解决方法
2014/12/22 Javascript
JavaScript组件焦点与页内锚点间传值的方法
2015/02/02 Javascript
JavaScript获取短信验证码(周期性)
2016/12/29 Javascript
Vue开发过程中遇到的疑惑知识点总结
2017/01/20 Javascript
原生js简单实现放大镜特效
2017/05/16 Javascript
vue页面切换到滚动页面显示顶部的实例
2018/03/13 Javascript
详解VUE中常用的几种import(模块、文件)引入方式
2018/07/03 Javascript
angular.js实现列表orderby排序的方法
2018/10/02 Javascript
vue实现数字动态翻牌的效果(开箱即用)
2019/12/08 Javascript
Python中用函数作为返回值和实现闭包的教程
2015/04/27 Python
Python 网络爬虫--关于简单的模拟登录实例讲解
2018/06/01 Python
python 实现分页显示从es中获取的数据方法
2018/12/26 Python
python接口自动化(十六)--参数关联接口后传(详解)
2019/04/16 Python
Apache,wsgi,django 程序部署配置方法详解
2019/07/01 Python
linux环境下安装python虚拟环境及注意事项
2020/01/07 Python
Python转换itertools.chain对象为数组的方法
2020/02/07 Python
python“静态”变量、实例变量与本地变量的声明示例
2020/11/13 Python
详解Html5微信支付爬坑之路
2018/07/24 HTML / CSS
什么是Oracle的后台进程background processes?都有哪些后台进程?
2012/04/26 面试题
医院保洁服务方案
2014/06/11 职场文书
先进工作者推荐材料
2014/12/23 职场文书
仓库统计员岗位职责
2015/04/14 职场文书
入党团支部推荐意见
2015/06/02 职场文书
2015大一新生军训感言
2015/08/01 职场文书
Python scrapy爬取起点中文网小说榜单
2021/06/13 Python