core-ai-bot
commented
3 years ago 
@bloff Is the font installed on your OS locally, or are you loading it using webfonts? That can make a big difference.
It's also possible that the older Chromium version used by Brackets is buggy in some way. You could test that like this:
- In Brackets, select Debug > Show Developer Tools
- Go to the Console and type
window.location = "http://codemirror.net/" - The Brackets UI should now be replaced with the same CodeMirror demo page seen in your screenshot above. If you repeat the same test, does it behave correctly (matching your in-browser screenshot) or does it replicate the buggy Brackets rendering?
I have created a special font, based on Source Code Pro, for the purpose of making a custom-made programming language nice to read. The language uses unicode extensively, and some unicode characters are really not made to work in monospaced fonts.
So this font is almost a monospace font: every character has the same width except for a few characters that have twice that much width.
For instance the ellipsis character … takes twice the space as a letter.
On most editors, typing on this font will make it so that characters are still perfectly aligned. So that two lines with 10 … characters and 20 "a" characters will both have the same length. But in brackets this does not happen; for some reason, the line with 10 … characters is longer than the line with 20 "a" characters!
See the attached screenshot for a comparison of brackets vs kate (on Ubuntu Linux).
How can this be fixed?
The .ttf font can be found on this link. To test it, you need to install it in your system, set it as the main font of Brackets, and paste the text:
(here you should be seeing it in some monospace font, where the ellipsis has only 1 char width).
I have verified that the problem is not with Code Mirror, because it doesn't happen on the Code Mirror demo when the font is changed. See this screenshot:
Thank you, Bruno