💄 font-feature-settings to enable monospaced for OpenType font

https://developer.mozilla.org/en-US/docs/Web/CSS/font-feature-settings
bujichong · Jan 30, 2019 · 56ac016 · 56ac016
1 parent 90fdd02
commit 56ac016
Show file tree

Hide file tree

Showing 7 changed files with 5 additions and 8 deletions.
diff --git a/components/style/core/base.less b/components/style/core/base.less
@@ -80,6 +80,7 @@ body {
   font-family: @font-family;
   font-size: @font-size-base;
   font-variant: @font-variant-base;
+  font-feature-settings: 'tnum';
   line-height: @line-height-base;
   color: @text-color;
   background-color: @body-background; // 2

diff --git a/components/style/mixins/reset.less b/components/style/mixins/reset.less
@@ -3,6 +3,7 @@
 .reset-component() {
   font-size: @font-size-base;
   font-variant: @font-variant-base;
+  font-feature-settings: 'tnum';
   line-height: @line-height-base;
   color: @text-color;
   box-sizing: border-box;

diff --git a/site/theme/static/common.less b/site/theme/static/common.less
@@ -5,7 +5,6 @@ body {
 
 body {
   font-family: @font-family;
-  font-variant: tabular-nums;
   line-height: 1.5;
   color: @site-text-color;
   font-size: 14px;

diff --git a/site/theme/static/footer.less b/site/theme/static/footer.less
@@ -52,7 +52,7 @@ footer {
     overflow: hidden;
     font-family: Avenir, @font-family, sans-serif;
     font-size: 16px;
-    font-variant: tabular-nums;
+
     a {
       color: rgba(255, 255, 255, 0.65);
       margin-left: 4px;

diff --git a/site/theme/static/header.less b/site/theme/static/header.less
@@ -92,7 +92,7 @@
   float: right;
   font-size: 14px;
   font-family: Avenir, @font-family, sans-serif;
-  font-variant: tabular-nums;
+
   &.ant-menu-horizontal {
     border-bottom: none;
 

diff --git a/site/theme/static/home.less b/site/theme/static/home.less
@@ -8,7 +8,7 @@
   position: relative; // will-change: transform;
   color: @home-text-color;
   font-family: Avenir, @font-family, sans-serif;
-  font-variant: tabular-nums;
+
   .page {
     width: 100%;
     max-width: 1200px;
@@ -77,7 +77,6 @@
       margin: 8px 0 28px;
       letter-spacing: 0;
       font-family: Avenir, @font-family, sans-serif;
-      font-variant: tabular-nums;
     }
     p {
       font-size: 20px;
@@ -117,7 +116,6 @@
     text-decoration: none;
     border: 1px solid #2f54eb;
     font-family: @font-family;
-    font-variant: tabular-nums;
   }
 
   .banner-btn.components {

diff --git a/site/theme/static/markdown.less b/site/theme/static/markdown.less
@@ -24,7 +24,6 @@
   margin-top: 8px;
   font-family: Avenir, @font-family, sans-serif;
   font-size: 30px;
-  font-variant: tabular-nums;
   line-height: 38px;
 
   .subtitle {
@@ -44,7 +43,6 @@
 .markdown h6 {
   color: @site-heading-color;
   font-family: Avenir, @font-family, sans-serif;
-  font-variant: tabular-nums;
   margin: 1.6em 0 0.6em;
   font-weight: 500;
   clear: both;