I think you missed the point of the OP? Let's try it
https://jsfiddle.net/7ysgdpf2/
Failed for Arabic, Sanskrit, Telugu. I'm only guessing those languages are not easily writable with fixed size units
https://jsfiddle.net/7ysgdpf2/
Failed for Arabic, Sanskrit, Telugu. I'm only guessing those languages are not easily writable with fixed size units
Your jsfiddle also fails even for English in most browsers, because you didn't load both regular and bold weights of Recursive. As a result, you get a browser-generated synthetic bold effect, which varies between browsers and in most cases (but not Chrome, IIRC) will alter the width.
(To fix that aspect, you need something like "family=Recursive:wght@400;700" in your Google Fonts link.)
https://pasteboard.co/JM3MBN4.png
For it to have worked each pair of lines should be the same width. They are not. Tested on MacOS 11.1 Safari, Firefox, Chrome and Windows 10, Firefox, Chrome. All failed.