Ionic2 $ font-family-base无效

Question

$font-family-baseIonic2中的变量不起作用.

在app.variable.scss文件中我添加了一个新值,但旧值仍然存在.

其他变量如$font-size-base工作正常

这些是我建造的最大任务www:

gulp.task("fonts", function () {
    return copyFonts({
        src: [
          "app/fonts/**/*.+(eot|ttf|woff|woff2|svg)"
        ]
    });
});

gulp.task("sass", function () {
    return buildSass({
        sassOptions: {
            includePaths: [
              "node_modules/ionic-angular",
              "node_modules/ionicons/dist/scss"
            ]
        }
    });
});

我错过了什么？

那是我的字体

@font-face {
  font-family: "Maven Pro";
  font-style: normal;
  font-weight: 400;
  src: local("Maven Pro"), local("Maven-Pro-Regular"), url("#{$font-path}/MavenPro-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "Maven Pro";
  font-style: normal;
  font-weight: 500;
  src: local("Maven Pro Medium"), local("Maven-Pro-Medium"), url("#{$font-path}/MavenPro-Medium.ttf") format("truetype");
}

@font-face {
  font-family: "Maven Pro";
  font-style: normal;
  font-weight: 700;
  src: local("Maven Pro Bold"), local("Maven-Pro-Bold"), url("#{$font-path}/MavenPro-Bold.ttf") format("truetype");
}

@font-face {
  font-family: "Maven Pro";
  font-style: normal;
  font-weight: 900;
  src: local("Maven Pro Ultra Bold"), local("Maven-Pro-Regular-Ultra-Bold"), url("#{$font-path}/MavenPro-Black.ttf") format("truetype");
}

这个font-faces在我的app.scss文件中,在我的文件中引用app.core.scss

app.core.scss:

// http://ionicframework.com/docs/v2/theming/

// App Shared Imports
// --------------------------------------------------
// These are the imports which make up the design of this app.
// By default each design mode includes these shared imports.
// App Shared Sass variables belong in app.variables.scss.
@import "../app";

@import "../users/sus/sus";
@import "../users/sus/home/home";
@import "../users/sus/subjects/german/german";
@import "../users/sus/subjects/math/math";

更新:

如果我使用特定的设备sass变量,即:

• $ FONT-FAMILY-MD-基地
• $ FONT-FAMILY-IOS基
• $ FONT-FAMILY-WP-基地

Tha是一种奇怪的行为,但我想$font-family-base必须在特定的顺序或文件中设置,我仍然没有弄清楚.

Answer 1

我刚刚问迈克(来自Ionic Team),他告诉我:

$font-family-ios-base 适用于何时使用ios设备

这同样适用

$font-family-md-base

和

$font-family-wp-base

但我认为关键在于:

$font-family-base是什么时候它既不是 ios,也不是md

我认为这解释了你所谈论的行为.因此,在您的情况下,您需要更改该字体的值

$font-family-md-base
$font-family-ios-base
$font-family-wp-base

或其中任何一个使它工作.