微信小程式引用iconfont-實測版
阿新 • • 發佈:2018-12-23
1.H5引用圖示庫的方式為URL引入,但是在小程式中不支援 URL方式,需要使用base64方式直接引入
@font-face { font-family: 'FontAwesome'; src: url('../fonts/fontawesome-webfont.eot?v=4.7.0'); src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; }
問題:
A:怎麼樣將字型換轉換為base64
B:轉換後怎麼使用
=======》
下載下來的檔案目錄:
B 使用:
1)將stylesheet.css 轉換為.wxss檔案
2)將原有的iconfont 使用檔案也轉換為.wxss檔案 ;並且將原有的 @font 相關的刪掉;然後按下圖新增
font-family:'iconfont';
3)在app.wxss 中依次引入這兩個檔案,然後在使用即可
===》game over