在vue项目中添加特殊字体
生活随笔
收集整理的這篇文章主要介紹了
在vue项目中添加特殊字体
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
這里的特殊字體,指的是一般用戶電腦未安裝到本地的字體,要引入這樣的字體,首先需要把字體文件下載下來。
就像上圖這樣的,ttf格式的,然后在項(xiàng)目里添加它。
然后我們在font.css里用@font-face規(guī)則引入這個字體文件并命名它。
(踩坑:引入字體資源時如后綴為.TTF,項(xiàng)目將無法識別,并且還報錯)
然后在App.vue里的style導(dǎo)入它:
然后在任意組件中就可以使用了,效果如下:
更多專業(yè)前端知識,請上 【猿2048】www.mk2048.com
總結(jié)
以上是生活随笔為你收集整理的在vue项目中添加特殊字体的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: centos-7.2 node.js免编
- 下一篇: vue项目 一行js代码搞定点击图片放大