vue項目引入字體.ttf的方法
更新時間：2018年09月28日 09:46:42 作者：lilongwei4321
今天小編就為大家分享一篇vue項目引入字體.ttf的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
1、下載所需要的字體，.ttf格式本文以（FZCYJ.ttf 為例）
2、在src下新建common文件，文件夾中包含以下文件
3、打開font.css
@font-face {
font-family: 'FZCYJ'; //重命名字體名
src: url('FZCYJ.ttf'); //引入字體
font-weight: normal;
font-style: normal;
}
4、配置webpack.base.conf.js 文件
5、App.vue引入字體
6、可在body中設(shè)置字體
body{
font-family: FZCYJ;
}
以上這篇vue項目引入字體.ttf的方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
vue element-ui table組件動態(tài)生成表頭和數(shù)據(jù)并修改單元格格式 父子組件通信
這篇文章主要介紹了vue element-ui table組件動態(tài)生成表頭和數(shù)據(jù)并修改單元格格式 父子組件通信,需要的朋友可以參考下2019-08-08
Mint UI 包含豐富的 CSS 和 JS 組件，能夠滿足日常的移動端開發(fā)需要。接下來通過本文給大家分享Mint UI 基于 Vue.js 移動端組件庫，需要的朋友參考下吧2017-11-11
這篇文章主要為大家詳細介紹了Vue+ssh框架實現(xiàn)在線聊天，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-06-06
Axios是在前端開發(fā)中常用的一個發(fā)送 HTTP 請求的庫，用過的都知道,篇文章主要給大家介紹了關(guān)于vue的相關(guān)資料,需要的朋友可以參考下2021-10-10
這篇文章主要為大家介紹了調(diào)用createApp?時Vue工作過程原理解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-01-01
這篇文章主要介紹了vuex mutations 同步操作方法,需要的朋友可以參考下2023-10-10
vue是前端輕量級MVVM框架,入門門檻相對較低,今天用Vue做一個購物車實例,所以下面這篇文章主要給大家介紹了關(guān)于vue實現(xiàn)購物車全部功能的簡單方法,需要的朋友可以參考下2021-07-07
解決uniapp項目在微信開發(fā)工具里打開報錯Error:app.json:在項目根目錄未找到app.json
這篇文章主要給大家介紹了關(guān)于解決uniapp項目在微信開發(fā)工具里打開報錯Error:app.json:在項目根目錄未找到app.json的相關(guān)資料,文中通過圖文將解決的辦法介紹的非常詳細,需要的朋友可以參考下2024-03-03
element-ui Upload上傳組件動態(tài)配置action方式
這篇文章主要介紹了element-ui Upload上傳組件動態(tài)配置action方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-07-07
vue實現(xiàn)GitHub的第三方授權(quán)方法示例
本文主要介紹了vue實現(xiàn)GitHub的第三方授權(quán)，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-11-11