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