Redmine

I'm not actually sure if the default font used by Redmine supports this, but we may also want to set font-variant-numeric: tabular-nums there to make sure that the numbers align nicely within the table.

https://developer.mozilla.org/en-US/docs/Web/CSS/font-variant-numeric

Holger Just wrote in #note-1:

I'm not actually sure if the default font used by Redmine supports this, but we may also want to set font-variant-numeric: tabular-nums there to make sure that the numbers align nicely within the table.

What are your thoughts on applying font-variant-numeric: tabular-nums globally?
I think that tabular-nums might be preferable for many use cases in Redmine.

By the way, it appears that in the Noto Sans font used by Redmine after r23096, all numbers already have the same width even without setting font-variant-numeric: tabular-nums;.

diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css
index f5b47e388..de15e4590 100644
--- a/app/assets/stylesheets/application.css
+++ b/app/assets/stylesheets/application.css
@@ -24,7 +24,15 @@

 html, body { min-height: 100vh; }
 html {overflow-y:scroll;}
-body { font-family: "Noto Sans", sans-serif; font-size: 0.875rem; color:#333; margin: 0; padding: 0; min-width: 900px; }
+body {
+  font-family: "Noto Sans", sans-serif;
+  font-variant-numeric: tabular-nums;
+  font-size: 0.875rem;
+  color: #333;
+  margin: 0;
+  padding: 0;
+  min-width: 900px;
+}

 h1, h2, h3, h4, h5, h6 {font-family: "Noto Sans", sans-serif;padding: 2px 10px 1px 0px;margin: 0 0 10px 0;}
 #content h1, h2, h3, h4, h5, h6 {color: #555;}

Thank you for checking. It seems in fact that Noto Sans is designed to have lining-nums and tabular-nums by default. Thus, it actually appears there is nothing we need to do here for the tables.

Generally, non-tabular numbers look nicer inside paragraphs as narrower numbers such as 1 don't have that much whitespace around them compared to wider numbers such as 8. This additional whitespace is acceptable in tabular contexts where its more important that numbers line up vertically. In Noto Sans (and pararently many other "modern" sans-serif fonts), the font-designers have settled on tabular numbers by default for its intended audience of app-developers.

However, Noto Sans does in fact also support proportional-size numbers. Thus, conversely it may be a good idea to define font-variant-numeric: proportional-nums for div.wiki at least (and to override it again to tabular-nums at least for table, pre, code, and numbered list headers within wiki texts). But I can see that this may be a lot of hassle. So I would be also fine with keeping the font default of tabular-nums everywhere for now.