Post AZcXJdy9po5Vbfwfrc by j@jaesharp.social
 (DIR) More posts by j@jaesharp.social
 (DIR) Post #AZbP64UDSEnp0CzvGa by kdrag0n@mastodon.social
       2023-09-09T18:51:41Z
       
       0 likes, 5 repeats
       
       More people need to know about the "tabular numbers" feature that modern fonts haveUse it to make numbers to line up with a UI font (or anything not monospace)CSS: font-feature-settings: tnumSwiftUI: .font(.body.monospacedDigit())
       
 (DIR) Post #AZcXIbkoaLO4RlD7BI by marcel@waldvogel.family
       2023-09-10T08:14:20Z
       
       0 likes, 0 repeats
       
       @kdrag0n Getting numbers in tables right will definitely keep many eyeballs sane.However, getting numbers in tables right in the right way is also important.The recommended high-level way (which does not depend on OpenType implementation details) is:font-variant-numeric: tabular-nums;https://developer.mozilla.org/en-US/docs/Web/CSS/font-feature-settings
       
 (DIR) Post #AZcXJdy9po5Vbfwfrc by j@jaesharp.social
       2023-09-10T08:53:30Z
       
       0 likes, 0 repeats
       
       @kdrag0n OpenType font features are amazing - and absolutely a deep rabbit hole :D https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_fonts/OpenType_fonts_guide