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 相关文章推荐
javascript知识点收藏
Feb 22 Javascript
一个网页标题title的闪动提示效果实现思路
Mar 22 Javascript
jQuery选择器全集详解
Nov 24 Javascript
js实现感应鼠标图片透明度变化的方法
Feb 20 Javascript
jQuery实现html元素拖拽
Jul 21 Javascript
JS清除文本框内容离开在恢复及鼠标离开文本框时触发js的方法
Jan 12 Javascript
javascript数组去重小结
Mar 07 Javascript
基于jquery实现无限级树形菜单
Mar 22 Javascript
Bootstrap网格系统详解
Apr 26 Javascript
vue.js实现数据动态响应 Vue.set的简单应用
Jun 15 Javascript
layerUI下的绑定事件实例代码
Aug 17 Javascript
微信小程序渲染性能调优小结
Jul 30 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+MySQL判断update语句是否执行成功的方法
2014/08/28 PHP
在Win7 中为php扩展配置Xcache
2014/10/08 PHP
CI配置多数据库访问的方法
2016/03/28 PHP
php版微信公众平台入门教程之开发者认证的方法
2016/09/26 PHP
PHP 将dataurl转成图片image方法总结
2016/10/14 PHP
PHP面向对象之里氏替换原则简单示例
2018/04/08 PHP
php中array_fill函数的实例用法
2021/03/02 PHP
Javascript合并表格中具有相同内容单元格示例
2013/08/11 Javascript
php结合imgareaselect实现图片裁剪
2015/07/05 Javascript
jQuery文本框得到与失去焦点动态改变样式效果
2016/09/08 Javascript
浅析Jquery操作select
2016/12/13 Javascript
JavaScript实现QQ列表展开收缩扩展功能
2017/10/30 Javascript
JS中的事件委托实例浅析
2018/03/22 Javascript
Vue插件打包与发布的方法示例
2018/08/20 Javascript
Node.js+Express+Mysql 实现增删改查
2019/04/03 Javascript
详解Vue.js中引入图片路径的几种方式
2019/06/17 Javascript
vue项目中运用webpack动态配置打包多种环境域名的方法
2019/06/24 Javascript
原生JavaScript之es6中Class的用法分析
2020/02/23 Javascript
[59:00]OG vs TNC 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
Python实现动态添加类的属性或成员函数的解决方法
2014/07/16 Python
Python匿名函数/排序函数/过滤函数/映射函数/递归/二分法
2019/06/05 Python
Python中Subprocess的不同函数解析
2019/12/10 Python
Pycharm 安装 idea VIM插件的图文教程详解
2020/02/21 Python
python Plotly绘图工具的简单使用
2020/03/03 Python
基于Python中Remove函数的用法讨论
2020/12/11 Python
详解Python中的Lock和Rlock
2021/01/26 Python
Pycharm制作搞怪弹窗的实现代码
2021/02/19 Python
利用CSS3的特性改变文本选中时的颜色
2013/09/11 HTML / CSS
Html5页面在微信端的分享的实现方法
2018/08/30 HTML / CSS
canvas实现圆形进度条动画的示例代码
2017/12/26 HTML / CSS
编码转换,怎样实现将GB2312编码的字符串转换为ISO-8859-1编码的字符串
2014/01/07 面试题
公司综合部的成员自我评价分享
2013/11/05 职场文书
会议接待欢迎词范文
2015/01/26 职场文书
2015年销售工作总结范文
2015/03/30 职场文书
关于调整工作时间的通知
2015/04/24 职场文书
在人间读书笔记
2015/06/30 职场文书