微信小程序使用Font Awesome

下載Font Awesome，然後解壓到項目的static目錄下。

修改css後綴爲wxss

編輯font-awesome.wxss的字體目錄

@font-face {
  font-family: 'FontAwesome';
  src: url('/static/awesome/fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('/static/awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('/static/awesome/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('/static/awesome/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('/static/awesome/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

src：url裏的字體目錄修改爲自己放置字體的目錄

在app.wxss中引用

@import "static/awesome/css/font-awesome.wxss";

使用

<text class="fa fa-heart"></text>