The use of monospaced font in Kibana has been explored and evaluated in these previous efforts:
https://github.com/elastic/platform-ux-team/issues/793
https://github.com/elastic/eui-private/issues/463#issuecomment-3513577336
#233725
Thanks to the work by EUI, Inter font has been updated to latest version and all the desired functionalities and style alternatives are now available.
What we should do now is to activate these features in charts so that all text elements can automatically inherit them (axis, labels, numbers...).
The desired font-features that we need to turn on are:
- Tabular Numbers
- Slashed zero
- Open digits (ss01)
- Squared punctations (ss07)
From the CSS perspective, if I got it correctly this is what I believe would work:
font-variant-numeric: tabular-nums slashed-zero
font-feature-settings: 'ss01','ss07'
Out of curiosity, this testing environment shows exactly all the capabilities available in Inter font at the moment.
In the end, this is the desired result:
Or, if we apply to one of our usecase, this:
The use of monospaced font in Kibana has been explored and evaluated in these previous efforts:
https://github.com/elastic/platform-ux-team/issues/793
https://github.com/elastic/eui-private/issues/463#issuecomment-3513577336
#233725
Thanks to the work by EUI, Inter font has been updated to latest version and all the desired functionalities and style alternatives are now available.
What we should do now is to activate these features in charts so that all text elements can automatically inherit them (axis, labels, numbers...).
The desired font-features that we need to turn on are:
From the CSS perspective, if I got it correctly this is what I believe would work:
Out of curiosity, this testing environment shows exactly all the capabilities available in Inter font at the moment.
In the end, this is the desired result:
Or, if we apply to one of our usecase, this: