vue项目引入字体.ttf的方法


Posted in Javascript onSeptember 28, 2018

1、下载所需要的字体,.ttf格式本文以(FZCYJ.ttf 为例)

2、在src下新建common文件,文件夹中包含以下文件

vue项目引入字体.ttf的方法

3、打开font.css

@font-face { 
 font-family: 'FZCYJ'; //重命名字体名
 src: url('FZCYJ.ttf'); //引入字体
 font-weight: normal; 
 font-style: normal; 
}

4、配置webpack.base.conf.js 文件

vue项目引入字体.ttf的方法

5、App.vue引入字体

vue项目引入字体.ttf的方法

6、可在body中设置字体

body{
 font-family: FZCYJ;
}

以上这篇vue项目引入字体.ttf的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js 提交和设置表单的值
Dec 19 Javascript
Jquery判断radio、selelct、checkbox是否选中及获取选中值方法总结
Apr 15 Javascript
jquery通过扩展select控件实现支持enter或focus选择的方法
Nov 19 Javascript
如何使用AngularJs打造权限管理系统【简易型】
May 09 Javascript
JS简单生成两个数字之间随机数的方法
Aug 03 Javascript
ES6记录异步函数的执行时间详解
Aug 31 Javascript
Javascript中常用的检测方法小结
Oct 08 Javascript
浅析Angular19 自定义表单控件
Jan 31 Javascript
AngularJs返回前一页面时刷新一次前面页面的方法
Oct 09 Javascript
关于自定义Egg.js的请求级别日志详解
Dec 12 Javascript
JS数组的常用10种方法详解
May 08 Javascript
vue.js 使用原生js实现轮播图
Apr 26 Vue.js
vue打包相关细节整理(小结)
Sep 28 #Javascript
在vue-cli的组件模板里使用font-awesome的两种方法
Sep 28 #Javascript
Vue 第三方字体图标引入 Font Awesome的方法
Sep 28 #Javascript
浅谈VUE-CLI脚手架热更新太慢的原因和解决方法
Sep 28 #Javascript
用npm安装vue和vue-cli,并使用webpack创建项目的方法
Sep 28 #Javascript
详解适配器在JavaScript中的体现
Sep 28 #Javascript
在微信小程序中渲染HTML内容的方法示例
Sep 28 #Javascript
You might like
《斗罗大陆》六翼天使武魂最强,为什么老千家不是上三宗?
2020/03/02 国漫
PHP编程网上资源导航
2006/10/09 PHP
PHP parse_url 一个好用的函数
2009/10/03 PHP
PHP 多维数组排序(usort,uasort)
2010/06/30 PHP
PHP模拟asp中response类实现方法
2015/08/08 PHP
PHP实现补齐关闭的HTML标签
2016/03/22 PHP
PHP引用返回用法示例
2016/05/28 PHP
yii gridview实现时间段筛选功能
2017/08/15 PHP
判断脚本加载是否完成的方法
2009/05/26 Javascript
JavaScript 数组循环引起的思考
2010/01/01 Javascript
jquery网页元素拖拽插件效果及实现
2013/08/05 Javascript
刷新页面的几种方法小结(JS,ASP.NET)
2014/01/07 Javascript
JS实现可点击展开与关闭的左侧广告代码
2015/09/02 Javascript
Bootstrap简单表单显示学习笔记
2016/11/15 Javascript
jQuery基于排序功能实现上移、下移的方法
2016/11/26 Javascript
Vue单文件组件基础模板小结
2017/08/10 Javascript
layui问题之自动滚动二级iframe页面到指定位置的方法
2019/09/18 Javascript
layui(1.0.9)文件上传upload,前后端的实例代码
2019/09/26 Javascript
node.js 如何监视文件变化
2020/09/01 Javascript
[53:15]2018DOTA2亚洲邀请赛3月29日 小组赛A组 LGD VS TNC
2018/03/30 DOTA
python 找出list中最大或者最小几个数的索引方法
2018/10/30 Python
python list数据等间隔抽取并新建list存储的例子
2019/11/27 Python
Python和Anaconda和Pycharm安装教程图文详解
2020/02/04 Python
Python 实现一个计时器
2020/07/28 Python
python 多进程和协程配合使用写入数据
2020/10/30 Python
美特斯邦威官方商城:邦购网
2016/10/13 全球购物
STAY JAPAN台湾:预订日本民宿
2018/07/22 全球购物
德国圣伯纳德草药屋:Kräuterhaus Sanct Bernhard(有中文站)
2018/08/05 全球购物
巴西24小时在线药房:Droga Raia
2020/05/12 全球购物
初中生个人学习的自我评价
2013/12/04 职场文书
副厂长岗位职责
2014/02/02 职场文书
社区戒毒工作方案
2014/06/04 职场文书
企业党建工作汇报材料
2014/08/19 职场文书
2014个人年度工作总结范文
2014/12/24 职场文书
瞿秋白纪念馆观后感
2015/06/10 职场文书
2019自荐信该如何写呢?
2019/07/05 职场文书