diff --git a/_scss/base/_sakura.scss b/_scss/base/_sakura.scss index 5aba402..973d02b 100644 --- a/_scss/base/_sakura.scss +++ b/_scss/base/_sakura.scss @@ -3,8 +3,7 @@ $color-bg: #f9f9f9; $color-blossom: #338618; $color-fade: #5e5e5e; $color-text: #4a4a4a; -$font-family-sans-serif: "-apple-system", BlinkMacSystemFont, Verdana, Geneva, ssans-serif; -$font-family-serif: serif; +$font-family-sans-serif: "-apple-system", BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; $font-size-base: 1.6rem; @import 'sakura/main'; diff --git a/_scss/sakura/_main.scss b/_scss/sakura/_main.scss index 45300b3..11d66d4 100644 --- a/_scss/sakura/_main.scss +++ b/_scss/sakura/_main.scss @@ -1,5 +1,5 @@ html { - font-family: $font-family-serif; + font-family: $font-family-sans-serif; font-size: 62.5%; } @@ -7,7 +7,7 @@ body { background-color: $color-bg; color: $color-text; font-size: $font-size-base; - line-height: 1.56; + line-height: 1.6em; margin: auto; max-width: 52em; padding: 13px; @@ -39,7 +39,6 @@ h4, h5, h6 { @include word-wrap; - font-family: $font-family-sans-serif; font-weight: 700; line-height: 1.1; }