<em id="09ttv"></em>
    <sup id="09ttv"><pre id="09ttv"></pre></sup>
    <dd id="09ttv"></dd>

        • vue項(xiàng)目引入字體.ttf

          2021-8-12    前端達(dá)人

          1、下載所需要的字體,.ttf格式本文以(FZCYJ.ttf 為例)

          2、在src下新建common文件,文件夾中包含以下文件


          3、打開(kāi)font.css

          
          
          1. @font-face {
          2. font-family: 'FZCYJ'; //重命名字體名
          3. src: url('FZCYJ.ttf'); //引入字體
          4. font-weight: normal;
          5. font-style: normal;
          6. }

          4、配置webpack.base.conf.js 文件


          5、App.vue引入字體


          6、可在body中設(shè)置字體

          
          
          1. body{
          2. font-family: FZCYJ;
          3. }

           
          或者

          1、UI設(shè)計(jì)圖有"華文黑體",擔(dān)心客戶端沒(méi)有該字體,將"huawen.ttf"字體文件,放入項(xiàng)目中:

          2、創(chuàng)建一個(gè)font.scss(或font.css)文件:

          1 @font-face { 2  font-family: 'huawen'; //重命名字體名 3  src: url('huawen.ttf'); //引入字體 4  font-weight: normal; 5  font-style: normal; 6 }

          3、在main.js中引入

          import '@/common/css/font.scss';

          4、就可以直接使用了:

          div { font-family: 'huawen';
          }

           

          藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)掃碼ben_lanlan,報(bào)下信息,會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系。

          文章來(lái)源:csdn + 博客園

          分享此文一切功德,皆悉回向給文章原作者及眾讀者.
          免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

          藍(lán)藍(lán)設(shè)計(jì)www.sdgs6788.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)

          日歷

          鏈接

          個(gè)人資料

          存檔

          久久久久国产精品嫩草影院| 合区精品久久久中文字幕一区| 久久亚洲AV无码精品色午夜麻豆 | 国产激情久久久久影院老熟女免费| 久久亚洲国产欧洲精品一| 久久久久久久尹人综合网亚洲| 国产精品狼人久久久久影院| 久久青青草原精品国产软件| 午夜精品久久久久久中宇| 久久精品无码一区二区三区免费| 囯产极品美女高潮无套久久久| 国产—久久香蕉国产线看观看| 三级三级久久三级久久| 国产激情久久久久影院| 精品久久久久久无码专区不卡| 久久青青草视频| 久久久久久无码国产精品中文字幕| 亚洲va久久久噜噜噜久久男同 | 久久免费99精品国产自在现线 | 久久国产精品无码网站| 久久精品国产亚洲AV无码娇色| 精品国产91久久久久久久a| 久久99精品久久久久久动态图| 性做久久久久久免费观看| 久久久国产精品网站| 伊人久久大香线蕉综合影院首页| 久久免费大片| 婷婷久久综合九色综合九七| 国产一区二区精品久久岳| 久久最新精品国产| 久久线看观看精品香蕉国产| 国产成人久久精品一区二区三区 | 亚洲国产精品久久久天堂| 少妇无套内谢久久久久| 97精品伊人久久大香线蕉| 香蕉久久永久视频| 久久人妻AV中文字幕| 97久久婷婷五月综合色d啪蜜芽| 亚洲精品97久久中文字幕无码| 色狠狠久久综合网| A级毛片无码久久精品免费|