From dde96bca65b120a93b0f8d0eea7bdf0f5d2b0609 Mon Sep 17 00:00:00 2001 From: Tunghsiao Liu Date: Wed, 13 Jul 2016 02:24:30 +0800 Subject: [PATCH] feat(style): tweak typography for San Francisco for macOS with OpenType features support --- _app/assets/themes/curtana/_less/reset.less | 1 + _app/assets/themes/curtana/_less/variables.less | 6 ++++-- 2 files changed, 5 insertions(+), 2 deletions(-) diff --git a/_app/assets/themes/curtana/_less/reset.less b/_app/assets/themes/curtana/_less/reset.less index 5d90a02e3..88c3b96fb 100644 --- a/_app/assets/themes/curtana/_less/reset.less +++ b/_app/assets/themes/curtana/_less/reset.less @@ -31,6 +31,7 @@ body { color: @text-color; background: @background-color; transition: all .2s ease; + font-feature-settings: @font-features; @media (max-width: @breakpoint-md) { .padding-offset(@space-md, @space-md); diff --git a/_app/assets/themes/curtana/_less/variables.less b/_app/assets/themes/curtana/_less/variables.less index aad8d51c7..625ef7e15 100644 --- a/_app/assets/themes/curtana/_less/variables.less +++ b/_app/assets/themes/curtana/_less/variables.less @@ -3,13 +3,15 @@ // -------------------------------------------------- // Typography +@fontstack-prefix: -apple-system, BlinkMacSystemFont; @fontstack-sans-serif: "Helvetica Neue", Arial, sans-serif; @fontstack-serif: Georgia, serif; @fontstack-monospace: Menlo, Consolas, monospace; -@fontstack-default: @fontstack-sans-serif; +@fontstack-default: @fontstack-prefix, @fontstack-sans-serif; @font-size: 1.6vw; +@font-features: "case", "ss01", "ss02"; @line-height: (20 / 14); // ~ 1.428571429 -@heading-letter-spacing: -.06em; +@heading-letter-spacing: -.04em; // Layout @breakpoint-lg: 1600px;