$font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica,
  Roboto, Arial, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft Yahei', SimSun,
  sans-serif;

// font weight
$font-weight-normal: 400;
$font-weight-medium: 500;
$font-weight-bold: 600;

// font size
$font-size-normal: 14px;
$font-size-small: 12px;
$font-size-large: 16px;
$font-size-h1: 44px;
$font-size-h2: 34px;
$font-size-h3: 26px;
$font-size-h4: 20px;

@mixin font-normal {
  font-size: $font-size-normal;
  line-height: 20px;
}

@mixin font-small {
  font-size: $font-size-small;
  line-height: 18px;
}

@mixin font-large {
  font-size: $font-size-large;
  line-height: 24px;
}

@mixin font-h1 {
  font-size: $font-size-h1;
  line-height: 52px;
}

@mixin font-h2 {
  font-size: $font-size-h2;
  line-height: 44px;
}

@mixin font-h3 {
  font-size: $font-size-h3;
  line-height: 36px;
}

@mixin font-h4 {
  font-size: $font-size-h4;
  line-height: 28px;
}