vue cli3 0 引入外部字型並使用

2021-10-05 22:20:53 字數 611 閱讀 3671

遇到要在專案中引入一些外部字型,我使用的是思源字型

cli2的我還沒試過,現在的方法是cli3的, 不用配置config檔案就可以

第二步:將要的字型放在資源目錄下,看自己專案需求要放**,建立乙個css檔案

第三步: 在fonts.css檔案中引入想要的字型

// 這是fonts.css 可以設定多種字型

// 注意:font-family: '***'; 將字型名字自定義為***,使用時要用這個名字

@font-face

@font-face

第四步:在專案的main.js檔案中引入剛寫好的css檔案,路徑記得對應上自己專案中的路徑

// main.js中引入外部字型

import './assets/fonts/fonts.css'

最後一步: 直接在vue檔案中的樣式新增字型樣式

.text
如果不行的話就還是看下路徑有沒有問題吧~

vue cli 3 0 全域性 less 引入問題

還是用的 vue cli 外掛程式 const path require path module.exports 其他的應該也是好用的,只不過沒來得及試 github 傳送門 這裡注意外掛程式的安裝方式 vue add style resources loader確保package.json裡有兩個...

vue系列之vue cli 3引入ts

vue class component 強化 vue 元件,使用 typescript 裝飾器 增強 vue 元件 vue property decorator 在 vue class component 上增強更多的結合 vue 特性的裝飾器 vuex class 基於vue class comp...

VUE3 0引入vant元件庫

目前vant 3 是基於 vue 3 開發的,在使用 vant 3 前,請將專案中的 vue 公升級到 3.0 以上版本。通過 npm 安裝 在現有專案中使用 vant 時,可以通過npm或yarn安裝 通過 npm 安裝npm i vant next s通過 yarn 安裝yarn add van...