Force Non-Monospace Font into Fixed Width Using CSS

Question

Is there any way to force a font to be monospaced using CSS?

By this I mean, using a non-monospace font, can you force the browser to render each character at a fixe

Answer 1

I've just found the text-transform: full-width; experimental keyword, which:

[...] forces the writing of a character [...] inside a square [...]

text-transform | MDN

Combined with negative letter-spacing, you can get not-so-horrible results:

. i I 1  | This is gonna be awesome.
ASDFGHJK | This is gonna be awesome.



. i I 1  | This is gonna be awesome.


ASDFGHJK | This is gonna be awesome.