在Ionic 3应用程序上安装的字体,它无法在设备

时间:2017-09-02 06:41:36

标签: css angular typescript fonts ionic3

我已使用this video正确安装了Lato-Regular.ttf字体,并且它在浏览器上工作正常。但是当我使用下面的CLI将它部署到Android设备时,它并没有显示正确的字体。你能告诉我该怎么办?

ionic cordova run android --prod --device

variables.scss

 $font-path: "../assets/fonts";

 @import "roboto";
 @import "noto-sans";
 @font-face {
   font-family: Lato-Regular;
   src: url($font-path+'/Lato-Regular.ttf');
 }

@font-face {
    font-family: Trench;
    src: url($font-path+'/trench300tt.ttf');
}

* {
    font-family: Lato-Regular;
}

.menu-font {
    font-family: Trench;
}

我调试时在设备上显示以下消息:

和错误:

  

无法加载资源:net :: ERR_FILE_NOT_FOUND Lato-Regular.ttf

     

无法加载资源:net :: ERR_FILE_NOT_FOUND Trench300.ttf

fonts文件夹如下所示:

enter image description here

0 个答案:

没有答案