欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vue如何使用外部特殊字體的操作

 更新時(shí)間:2020年07月30日 10:49:58   作者:聽聽那晚風(fēng)  
這篇文章主要介紹了vue如何使用外部特殊字體的操作,具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧

話不多說先看效果:

我這里使用的是“優(yōu)設(shè)標(biāo)題這種字體”,接下來就是實(shí)現(xiàn)步驟了:

1、先在百度上下載所需要的字體ttf文件

2、在src文件夾新建common文件夾再建 font文件夾

3、在font文件夾里新建 font.css文件,以及把下載好的ttf文件放入

font.css內(nèi)容如下

4、在App.vue的style里引入font.css文件

5、在需要用到特殊字體的地方,把 font-family:”自定義字體名”,這里的優(yōu)設(shè)標(biāo)題就是在font.css文件里自定義的字體名

這樣就實(shí)現(xiàn)使用特殊字體啦,希望對萌新有所幫助~

補(bǔ)充知識:怎么把分化成元,并且保留兩位小數(shù),用vue來做

我就廢話不多說了,大家還是直接看代碼吧~

<el-table-column prop="amount"
            label="申請?zhí)岈F(xiàn)金額"
            width="120" 
            align="center">
    <template scope="scope">
     {{ scope.row.amount | filterMoney }}
    </template>
   </el-table-column>
 
 filters: {
  filterMoney (num) {
   return (num / 100).toFixed(2)
  }
 },

以上這篇vue如何使用外部特殊字體的操作就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。

相關(guān)文章

  • Vuejs第十篇之vuejs父子組件通信

    Vuejs第十篇之vuejs父子組件通信

    這篇文章主要介紹了Vuejs第十篇之vuejs父子組件通信的相關(guān)資料,本文介紹的非常詳細(xì),具有參考借鑒價(jià)值,需要的朋友可以參考下
    2016-09-09
  • 如何用vue-pdf包實(shí)現(xiàn)pdf文件預(yù)覽,支持分頁

    如何用vue-pdf包實(shí)現(xiàn)pdf文件預(yù)覽,支持分頁

    這篇文章主要介紹了如何用vue-pdf包實(shí)現(xiàn)pdf文件預(yù)覽,支持分頁問題,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2024-03-03
  • VueJS全面解析

    VueJS全面解析

    Vue.js(讀音 /vju&#720;/, 類似于 view) 是一套構(gòu)建用戶界面的漸進(jìn)式框架。與其他重量級框架不同的是,Vue 采用自底向上增量開發(fā)的設(shè)計(jì)。這篇文章主要介紹了VueJS全面解析的相關(guān)資料,需要的朋友可以參考下
    2016-11-11
  • elementui之el-table如何通過v-if控制按鈕顯示與隱藏

    elementui之el-table如何通過v-if控制按鈕顯示與隱藏

    這篇文章主要介紹了elementui之el-table如何通過v-if控制按鈕顯示與隱藏問題,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2023-11-11
  • Vue3源碼分析調(diào)度器與watch用法原理

    Vue3源碼分析調(diào)度器與watch用法原理

    這篇文章主要為大家介紹了Vue3源碼分析調(diào)度器與watch用法原理詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2023-01-01
  • Vue2與Vue3如何利用install自定義全局確認(rèn)框組件編寫

    Vue2與Vue3如何利用install自定義全局確認(rèn)框組件編寫

    這篇文章主要介紹了Vue2與Vue3如何利用install自定義全局確認(rèn)框組件編寫方式,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2024-03-03
  • uniapp開發(fā)打包多端應(yīng)用完整方法指南

    uniapp開發(fā)打包多端應(yīng)用完整方法指南

    這篇文章主要介紹了uniapp開發(fā)打包多端應(yīng)用完整流程指南,包括了uniapp打包小程序,uniapp打包安卓apk,uniapp打包IOS應(yīng)用,需要的朋友可以參考下
    2022-12-12
  • 你不可不知的Vue.js列表渲染詳解

    你不可不知的Vue.js列表渲染詳解

    這篇文章主要給大家介紹了關(guān)于你不可不知的Vue.js列表渲染的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家學(xué)習(xí)或者使用Vue.js具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-10-10
  • vue使用drag與drop實(shí)現(xiàn)拖拽的示例代碼

    vue使用drag與drop實(shí)現(xiàn)拖拽的示例代碼

    本篇文章主要介紹了vue使用drag與drop實(shí)現(xiàn)拖拽的示例代碼,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2017-09-09
  • 解決Vue中 父子傳值 數(shù)據(jù)丟失問題

    解決Vue中 父子傳值 數(shù)據(jù)丟失問題

    這篇文章主要介紹了解決Vue中 父子傳值 數(shù)據(jù)丟失問題,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2019-08-08

最新評論