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 相关文章推荐
jQuery 1.0.4 - New Wave Javascript(js源文件)
Jan 15 Javascript
javascript设计模式 封装和信息隐藏(上)
Jul 24 Javascript
js不能获取隐藏的div的宽度只能先显示后获取
Sep 04 Javascript
JQuery记住用户名密码实现下次自动登录功能
Apr 27 Javascript
jQuery实现类似老虎机滚动抽奖效果
Aug 06 Javascript
JavaScript+CSS无限极分类效果完整实现方法
Dec 22 Javascript
javascript创建含数字字母的随机字符串方法总结
Aug 01 Javascript
Vue.js仿微信聊天窗口展示组件功能
Aug 11 Javascript
vue 数组和对象不能直接赋值情况和解决方法(推荐)
Oct 25 Javascript
js删除数组中的元素delete和splice的区别详解
Feb 03 Javascript
基于vue通用表单解决方案的思考与分析
Mar 16 Javascript
微信小程序实现左侧滑动导航栏
Apr 08 Javascript
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
php数组函数序列之array_slice() - 在数组中根据条件取出一段值,并返回
2011/11/07 PHP
php使用parse_str实现查询字符串解析到变量中的方法
2017/02/17 PHP
PHP 二级子目录(后台目录)设置二级域名
2017/03/02 PHP
PHP中常见的密码处理方式和建议总结
2018/10/14 PHP
PHP去除空数组且数组键名重置的讲解
2019/02/28 PHP
php如何获取Http请求
2020/04/30 PHP
怎么用javascript进行拖拽
2006/07/20 Javascript
Javascript解决常见浏览器兼容问题的12种方法
2010/01/04 Javascript
jQuery 图片切换插件(代码比较少)
2012/05/07 Javascript
jQuery EasyUI datagrid实现本地分页的方法
2015/02/13 Javascript
浅析AngularJS中的生命周期和延迟处理
2015/06/18 Javascript
基于jQuery实现的向下滑动二级菜单效果代码
2015/08/31 Javascript
js重写方法的简单实现
2016/07/10 Javascript
Vue.js学习笔记之 helloworld
2016/08/14 Javascript
JS正则RegExp.test()使用注意事项(不具有重复性)
2016/12/28 Javascript
Ionic3 UI组件之Gallery Modal详解
2017/06/07 Javascript
使用Bootrap和Vue实现仿百度搜索功能
2017/10/26 Javascript
vue-router项目实战总结篇
2018/02/11 Javascript
vue实现中部导航栏布局功能
2019/07/30 Javascript
vue vantUI实现文件(图片、文档、视频、音频)上传(多文件)
2019/10/15 Javascript
js实现特别简单的钟表效果
2020/09/14 Javascript
使用PDB简单调试Python程序简明指南
2015/04/25 Python
Python 中的Selenium异常处理实例代码
2018/05/03 Python
python实现定时提取实时日志程序
2018/06/22 Python
Python学习笔记之图片人脸检测识别实例教程
2019/03/06 Python
Python适配器模式代码实现解析
2019/08/02 Python
Python 解决OPEN读文件报错 ,路径以及r的问题
2019/12/19 Python
Django 用户登陆访问限制实例 @login_required
2020/05/13 Python
使用Python中tkinter库简单gui界面制作及打包成exe的操作方法(二)
2020/10/12 Python
美国畅销的跑步机品牌:ProForm
2017/02/06 全球购物
德国香水、化妆品和护理产品网上商店:Parfumdreams
2018/09/26 全球购物
介绍一下Linux文件的记录形式
2012/04/18 面试题
2015年元旦演讲稿
2014/09/12 职场文书
新郎结婚保证书
2015/02/26 职场文书
教你快速开启Apache SkyWalking的自监控
2021/04/25 Servers
weblogic服务建立数据源连接测试更新mysql驱动包的问题及解决方法
2022/01/22 MySQL