字体未在离子3应用程序中的Android设备上应用

时间:2017-08-22 06:48:23

标签: android ionic-framework fonts ionic2

我正在尝试将自定义字体应用于Android应用程序。所以我修改了src / theme / variables.scss并添加了以下行:

  @font-face {
  font-family: AppFont;
  src: url("../assets/fonts/RobotoCondensed-Regular.ttf");
}

body, span, button, h1, h2, h3, h4, h5, h6, p, ion-item, ion-title {
  font-family: 'AppFont' !important;
}

$font-family-base: 'AppFont';
$font-family-ios-base: 'AppFont';
$font-family-md-base: 'AppFont';
$font-family-wp-base: 'AppFont';

当我运行ng serve时,字体正确应用,但是当我将其部署到设备字体时,字体就消失了。如何解决这个问题。

1 个答案:

答案 0 :(得分:5)

问题出在ionic-cli-3.9.2上,它没有从资产/字体中挑选字体,所以我将字体移动到/ assets。然后它开始工作非常烦人。