css - Fuente instalada en la aplicación Ionic 3 donde no funciona en el dispositivo

He instalado la fuente Lato-Regular.ttf correctamente usando este video y funciona perfectamente en el navegador. Pero cuando la desplegué en el dispositivo Android usando el siguiente CLI, no muestra la fuente correcta. ¿Puedes decirme qué debería hacer aquí?

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;
}

Muestra el siguiente mensaje en el dispositivo cuando depuré:

Y errores:

No se pudo cargar el recurso: net::ERR_FILE_NOT_FOUND Lato-Regular.ttf

No se pudo cargar el recurso: net::ERR_FILE_NOT_FOUND Trench300.ttf

la carpeta de fuentes es como sigue: