feat(style): tweak typography for San Francisco for macOS with OpenTy…

…pe features support
sparanoid · Jul 12, 2016 · dde96bc · dde96bc
1 parent 32c7d4c
commit dde96bc
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git 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
@@ -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;