ant-design/reset.less at 811f497d8152479790ee6d06094b7d9a42f93f93 - ant-design - Gitea

mirror/ant-design

mirror of https://github.com/ant-design/ant-design.git synced 2024-12-01 14:59:35 +08:00

Thibault Derousseaux 43abea3212 Use tabular-nums font variant instead of switching to Tahoma for figures

Using a completely different font for figures leads to inconsistencies: https://github.com/ant-design/ant-design/issues/9422.
Most modern font systems defaults to [tabular figures](https://www.fonts.com/content/learning/fontology/level-3/numbers/proportional-vs-tabular-figures).
One exception to this is Apple's San Francisco which defaults to [proportional figures](http://martiancraft.com/blog/2015/10/san-francisco-part-2/#special-features-numerals).
There is, however, an official and clean way to switch to tabular figures. It's the [`font-variant` CSS property](https://developer.mozilla.org/en-US/docs/Web/CSS/font-variant-numeric) that can be set to `tabular-nums`.

This commit removes the "Monospaced Number" font altogether and use `font-variant: tabular-nums` instead where it was used.
It also moves closer to the sans-serif and monospace [system font stacks used by GitHub](http://markdotto.com/2018/02/07/github-system-fonts/).

2018-08-04 11:28:14 +08:00

14 lines

271 B

Plaintext

Raw Blame History

 @import '../themes/default';
 .reset-component() {
   font-family: @font-family;
   font-size: @font-size-base;
   font-variant: tabular-nums;
   line-height: @line-height-base;
   color: @text-color;
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   list-style: none;
 }