在 Ionic 2 中導入自定義 Fonts

Question

我在 Ionic 2 中使用了自定義 fonts。當我執行ionic serve時，fonts 在瀏覽器中可見。 但是，在構建 apk（ ionic build android ）之后，fonts 不會反映在 android 應用程序中。 不介意幫忙！！

Answer 1

每次構建中的 fonts 都會消失，因為 gulp 構建每次都會清理構建文件夾。 為避免這種情況，您需要在 gulpfile.ts 中包含 gulp 任務。

修改以下對 gulpfile.ts 的更改。

包括 gulp 任務，用於將圖標 css 和 fonts 添加到您的構建中

 gulp.task('myCss', function(){
  return gulp.src('path-to-your-font-lib/style.css')
      .pipe(gulp.dest('www/build/css'))
   });
 gulp.task('myFonts', function(){
  return gulp.src('path-to-your-font-lib/fonts/**/*.+(eot|svg|ttf|woff)')
      .pipe(gulp.dest('www/build/fonts'))
   });

如下修改您的 gulp 構建和觀看任務（在觀看和構建中添加您的字體和 css）

 gulp.task('watch', ['clean'], function(done){
   //existing ionic2 code
 }
 gulp.task('build', ['clean','myCss','myFonts'], function(done){
  //existing ionic2 code
 }