上海做网站品牌公司有哪些,微信公众号微网站怎么建设,重庆市建设工程质量网站,wordpress开发西瓜FZLanTingHei-DB-GBK是我引入的字体包名字
1.安装依赖
建议全局安装但是要注意npm配置 我配成了_globel 真是沙雕
npm install font-spider -g2. 在static文件夹新增一个文件夹font-spider
同时在font-spider文件夹里面新增index.css和index.html
index.css
font-face {f… FZLanTingHei-DB-GBK是我引入的字体包名字
1.安装依赖
建议全局安装但是要注意npm配置 我配成了_globel 真是沙雕
npm install font-spider -g2. 在static文件夹新增一个文件夹font-spider
同时在font-spider文件夹里面新增index.css和index.html
index.css
font-face {font-family: FZLanTingHei-DB-GBK;src: url(../fonts/FZLanTingHei-DB-GBK.ttf) format(truetype);注意只有在fonts文件下有这个字体才可以哦 fonts自己建就好了 也不一定必须叫fonts
}body {font-family: FZLanTingHei-DB-GBK;
}index.html-
!DOCTYPE html
html langenheadmeta charsetUTF-8 /meta nameviewport contentwidthdevice-width, initial-scale1.0 /titleDocument/titlelink relstylesheet href./index.css //headbody stylefont-size: 26pxFONTSPIDERfontspider蜘蛛字体压缩 (这里面就是我要压缩的字体 只有在这里面的内容字体才会生效)/body
/html
3.在项目根目录执行提取命令
你的项目根目录font-spider ./static/font-spider/index.html4.创建font.css声明字体 当然我这里叫font你可以自己取名字,
font-face {font-family: FZLanTingHei-DB-GBK; src: url(./FZLanTingHei-DB-GBK.ttf?v1.0.0) format(truetype);/* font-weight: normal;font-style: normal; */
}5.引入在main.js引入即可
