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 文字符串转换unicode编码函数
May 30 Javascript
javascript iframe内的函数调用实现方法
Jul 19 Javascript
javascript之AJAX框架使用说明
Apr 24 Javascript
js实现的折叠导航示例
Nov 29 Javascript
JavaScript匿名函数与委托使用示例
Jul 22 Javascript
js操作table元素实现表格行列新增、删除技巧总结
Nov 18 Javascript
AngularJS 与百度地图的结合实例
Oct 20 Javascript
详解angularJs中关于ng-class的三种使用方式说明
Jun 02 Javascript
JS秒杀倒计时功能完整实例【使用jQuery3.1.1】
Sep 03 jQuery
基于Web Audio API实现音频可视化效果
Jun 12 Javascript
在vue中实现嵌套页面(iframe)
Jul 30 Javascript
arcgis.js控制地图地体的显示范围超出区域自动弹回(实现思路)
Jan 28 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
附件名前加网站名
2008/03/23 PHP
php 自定义错误日志实例详解
2016/11/12 PHP
laravel 5.3中自定义加密服务的方案详解
2017/05/09 PHP
laravel 5.1下php artisan migrate的使用注意事项总结
2017/06/07 PHP
windows下的WAMP环境搭建图文教程(推荐)
2017/07/27 PHP
php实现在线考试系统【附源码】
2018/09/18 PHP
如何在centos8自定义目录安装php7.3
2019/11/28 PHP
用倒置滤镜把div倒置,再把table倒置。
2007/07/31 Javascript
JavaScript 撑出页面文字换行
2009/06/15 Javascript
JavaScript中的object转换函数toString()与valueOf()介绍
2014/12/31 Javascript
使用jQuery实现返回顶部
2015/01/26 Javascript
jquery实现仿新浪微博评论滚动效果
2015/08/06 Javascript
js鼠标点击图片切换效果实现代码
2015/11/19 Javascript
javascript实现拖放效果
2015/12/16 Javascript
jQuery简单创建节点的方法
2016/09/09 Javascript
zTree实现节点修改的实时刷新功能
2017/03/20 Javascript
Vue 2.0 服务端渲染入门介绍
2017/03/29 Javascript
JavaScript之promise_动力节点Java学院整理
2017/07/03 Javascript
vue.js的双向数据绑定Object.defineProperty方法的神奇之处
2019/01/18 Javascript
详解Vue源码中一些util函数
2019/04/24 Javascript
[12:29]2018国际邀请赛 开幕秀
2018/08/22 DOTA
浅谈Python程序与C++程序的联合使用
2015/04/07 Python
使用pandas对两个dataframe进行join的实例
2018/06/08 Python
python 调用有道api接口的方法
2019/01/03 Python
Python基于Opencv来快速实现人脸识别过程详解(完整版)
2019/07/11 Python
python中openpyxl和xlsxwriter对Excel的操作方法
2021/03/01 Python
把富文本的回车转为br标签
2019/08/09 HTML / CSS
Html5 canvas画图白板踩坑
2020/06/01 HTML / CSS
阿联酋航空丹麦官方网站:Emirates DK
2019/08/25 全球购物
CSMA/CD介质访问控制协议
2015/11/17 面试题
活动总结结尾怎么写
2014/08/30 职场文书
中层领导干部群众路线对照检查材料思想汇报
2014/10/02 职场文书
乡镇群众路线教育实践活动整改措施
2014/10/04 职场文书
公司经营目标责任书
2015/01/29 职场文书
离职证明范本
2015/06/12 职场文书
JavaScript 反射学习技巧
2021/10/16 Javascript