v7.1.0

Font

Table of Contents

Detail

全体で利用可能なフォント周りの変数。

Warning

$font-size-(xxl ~ xxs) の倍率を変更すると、エレメントのサイズを変更するユーティリティ「Size」に影響します。

Variables

Name
Default Value
  • Name
    $font-sans
    Default Value
    "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans Japanese", Meiryo, "Yu Gothic Medium", sans-serif
  • Name
    $font-serif
    Default Value
    "Hiragino Mincho ProN", "Noto Serif Japanese", "Yu Mincho", YuMincho, serif
  • Name
    $font-mono
    Default Value
    Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", Meiryo, monospace, serif
  • Name
    $font-size-xxl
    Default Value
    200%
  • Name
    $font-size-xl
    Default Value
    150%
  • Name
    $font-size-lg
    Default Value
    125%
  • Name
    $font-size-md
    Default Value
    100%
  • Name
    $font-size-sm
    Default Value
    87.5%
  • Name
    $font-size-xs
    Default Value
    75%
  • Name
    $font-size-xxs
    Default Value
    62.5%
  • Name
    $font-weight-normal
    Default Value
    400
  • Name
    $font-weight-strong
    Default Value
    700
  • Name
    $font-weight-100
    Default Value
    100
  • Name
    $font-weight-200
    Default Value
    200
  • Name
    $font-weight-300
    Default Value
    300
  • Name
    $font-weight-400
    Default Value
    400
  • Name
    $font-weight-500
    Default Value
    500
  • Name
    $font-weight-600
    Default Value
    600
  • Name
    $font-weight-700
    Default Value
    700
  • Name
    $font-weight-800
    Default Value
    800
  • Name
    $font-weight-900
    Default Value
    900
  • Name
    $line-height-xxl
    Default Value
    2
  • Name
    $line-height-xl
    Default Value
    1.9
  • Name
    $line-height-lg
    Default Value
    1.75
  • Name
    $line-height-md
    Default Value
    1.5
  • Name
    $line-height-sm
    Default Value
    1.375
  • Name
    $line-height-xs
    Default Value
    1.25
  • Name
    $line-height-xxs
    Default Value
    1

Sources