Css 在设备上不工作的离子3应用程序上安装字体
我已经安装了Css 在设备上不工作的离子3应用程序上安装字体,css,angular,typescript,fonts,ionic3,Css,Angular,Typescript,Fonts,Ionic3,我已经安装了Lato-Regular.ttf字体,并且它在浏览器上运行得非常好。但是当我使用下面的CLI将它部署到android设备时,它没有显示正确的字体。你能告诉我我应该在这里做什么吗 ionic cordova run android --prod --device 变量.scss 当我调试时,它在设备上显示以下消息: 和错误: 加载资源失败:net::ERR_FILE_NOT_FOUND Lato-Regular.ttf 加载资源失败:net::ERR_FILE_NOT_FOUND T
Lato-Regular.ttf
字体,并且它在浏览器上运行得非常好。但是当我使用下面的CLI将它部署到android设备时,它没有显示正确的字体。你能告诉我我应该在这里做什么吗
ionic cordova run android --prod --device
变量.scss
当我调试时,它在设备上显示以下消息:
和错误:
加载资源失败:net::ERR_FILE_NOT_FOUND Lato-Regular.ttf
加载资源失败:net::ERR_FILE_NOT_FOUND Trench300.ttf
fonts文件夹如下所示:
src:url('/assets/font/Lato-Regular.ttf');工作?该错误消息似乎在寻找其他字体?也许是因为你添加了其他字体?对不起,我已经更新了@surajIt的帖子,应该是“/assets”,而不是“/assets”,字体系列是:“Trench;”(带引号)也许这是一个bug。请参见此处的注释:-尝试将字体移动到/assets并以这种方式定位它们
$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;
}