VS Code Tabs will not line up letters - visual-studio-code

I was trying to make a grid area in CSS, and I realized my tabs will not line up so I can make it a nice square. I tried everything I can think of to get them to line up. I tried
Tab width
Font size
Letter spacing
Font weight
editor.renderWhitespace
Different fonts such as Arial, Ubuntu Regulat, Adobe Fan Heiti Std,
editor.fontLigatures
I am not sure how I can fix this? Here's a screenshot of what I'm talking about
Notice how the letters don't line up at all, they're all tabs, not spaces. I tried this in sublime text 3 and it lines up, how can I get this to line up in VSCode?

Use a monospace font like Consolas, 'Courier New', monospace.
To reset to the defaults, click the gear next to the Editor: Font Family setting.

The given answer is incorrect. I'm using OCR or Proggy, both monospace fonts, and never had a problem until a recent update - now my tabs no longer line up. This is an issue with an update or change in the settings that MS caused.

Related

Why does my terminal in VS Code have weird spacing and how can I fix it?

This is what my settings is looking like:
This is the weird spacing between letters in terminal:
Why is the font on my VS Code's terminal have this weird spacing between letters? It is really bugging me and I tried to change the font in the settings to a monospace font (inconsolata), but that hasn't worked.
I think those big spaces between the characters comes from your exotic chosen font (Inconsolata). So change only "terminal.integrated.fontFamily": "Inconsolata" back to the default font:
"terminal.integrated.fontFamily": "Monaco"
And look, to need the double-quote, and not some triple quote like in your screenshot!
This usually happens when the chosen font is not installed on your system. Try to revert the font settings by removing or commenting these two lines:
"terminal.integrated.fontFamily": "Inconsolata"
"Editor.fontFamily": "Source Code pro"
The default font is usually the default monospace font of your system.
VS Code only accepts unicode fonts.
Try to setup:
"terminal.integrated.fontFamily": "monospace"
Using "MesloLGS Nerd Font Mono 11" as the integrated terminal family font fixed this issue.
Don't forget to make sure it is the integrated terminal family font you're setting and not the editor's family font.

Is there any way to change the size of icons (vim-devicons) without changing the font-size?

I've installed NERDTree and vim-devicons plugins for customizing my workspace and I find that size of icons is too small, so I wanted to make them bigger without changing font-size (current font-size comfortable for me).
I've tried to find solution on original documentation, read forums etc. Also I tried to find some special Nerd Font that will have bigger icons size but unfortunately everything was unsuccessful.
Link below is an example that shows current size of my icons and font.
example with NERDTree window, tabs and status line
I'm using Windows PowerShell as my terminal and neovim as my editor.
I would be grateful if someone could explain to me how to solve my problem or tell another way (or may be another plugins) to add icons and files tree to vim.
Those icons are just text and you can only have one font and font size for the whole terminal emulator's window. Therefore, you can't adjust their size separately from the rest of the text.

Monospace icon font in Emacs?

I am inserting icons from FontAwesome and other icon fonts into Emacs but I would like to get them aligned with the monospace font I use (DejaVu Sans Mono). Is this possible?
I have found a workable solution. I have installed a number of Nerd Fonts. These mostly solve the problem, but occasionally the alignment was still off by a few pixels. However, it seems that, when a glyph is available in multiple fonts, Emacs will try to match its width to that of the fixed width font in use. So, installing sufficiently many Nerd Fonts has solved the problem for me.

Letterspacing in Eclipse code editor

Is there any way to change the letter-spacing of text in Eclipse's code editor?
Maybe you can try changing from a fixed width font to the variable width font like Verdana or Tahoma. Window->Preferences->Appearance->Colors and Fonts->Basic->Text Font
If you mean the java code editor in Eclipse this is not possible. The editor is not a word processor. You can only change the font setings (typeface, style, color, size).
If you are referring to this kind of letter spacing, then no, I do not think so.
Not in the sense that a typography system allows you to tweak the appearance of text on a printed page.
The default for me is Courier New Regular 10. You can change the size to 12 or some other size.
Are you trying to change the kerning rules? Kerning is positioning different letters in a variable-width font. For instance in the word "We", the "e" is tucked in a little bit under the "W". The page-layout software that magazine publishers use can control this.
Fonts are opaque to Eclipse; it doesn't give you a way to change the rules within the font. Unfortunately the best you can do is try the different fonts and sizes until you find one that has kerning rules that work, more or less.

Emacs with smaller font size -> Text doesn't align

I have a problem with Emacs (which is a great editor by the way), when I change the default font size and font, my text doesn't align anymore.
In use it in vhdl-mode, and it is really annoying, that the text doesn't align. In other editor the text-alignment is fine, even though I have modified it in emacs.
Anyone their have a solution to this problem, rather going back to default font and default font-size?
When you changed your font, were you careful to change it to a fixed width font? When you say it looks fine in another editor, is that editor using the same font?
You need to make sure that you use a fixed width (monospace) font in emacs or any other text editor to get text to line up properly. My guess is you picked a proportional font in emacs and you have a fixed width font in the other editor.