1. 程式人生 > >微信小程式引用iconfont-實測版

微信小程式引用iconfont-實測版

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