微信小程序使用font-awesome圖標庫

1. 下載font-awesome字體包
2. 打開Transfonter網站，上傳字體fontawesome-webfont.ttf（理論其它文件格式也可以轉換，並未嘗試），選擇base64編碼，convert后下載
3. 下載得到的包中有style文件，打開后獲得以下代碼，並對照font-awesome.css中的內容，加入到微信小程序的app.wxss文件中

4. @font-face {
     font-family: 'fa';
     src: url(data:font/truetype;charset=utf-8;base64,AAEAAAANAIAAAwBQRkZUTXLOMIUAAlXMAAAAHEdERUYAJwKrAAJVrAAAAB5PUy8yiDJ6IwAAAVgAAABgY21hcJ0vdNQAAAw4AAADAmdhc3D//wADAAJVpAAAAAhnbHlmHejPwQAAGdQAAh3kaGVhZAbB4eAAAADcAAAANmhoZWEO+QqbAAAB......long long) format('truetype');
     font-weight: normal;
     font-style: normal;
   }
   
   .fa {
     font-family: "fa" !important;
     font-size: 16px;
     -webkit-font-smoothing: antialiased;
     -webkit-text-stroke-width: 0.2px;
   }
   
   /* makes the font 33% larger relative to the icon container */
   .fa-lg {
     font-size: 1.33333333em;
     line-height: 0.75em;
     vertical-align: -15%;
   }
   .fa-2x {
     font-size: 2em;
   }
   
   //long long long...........

    

5. 然后在小程序中使用class="fa fa-user"即可，如<text class="fa fa-user"></text>