0

I'd like to use a font that I've installed in VScode (an Electron browser, effectively.)

Usually, it's not too much of a struggle to determine what to type into my font-family field to produce that font in the interface, but I have one font-file that I just cannot get to render.

For example, this font is installed in the Windows settings:

screenshot of Windows font settings showing "Iosevka NF"

However, when adding that to the VScode settings, it doesn't seem to resolve (the editor falls back to the next setting, Arial):

a screenshot of the VScode settings in JSON, with freaky porportional text and the setting 'Iosevka NF'

This isn't the first time I've experienced approximately this problem; and it'd be really nice to produce a list of correct font names, as formatted correctly for use in CSS.

Is there a CLI interface or command that will enumerate installed fonts, importantly, with whichever OpenType property determines what you type in a CSS font-family field to refer to it?

Destroy666
  • 12,350
ELLIOTTCABLE
  • 2,708

1 Answers1

0

Iosevka NF is the proper family name - the way you checked in Windows settings was correct. You could also use PowerShell to list them, see this answer. It works for me:

Iosevka NF in VSCode

You likely either:

  • Didn't restart VSCode after installing the font - it reloads fonts on startup. Rebooting the system might also be a good idea sometimes.
  • Have some caching issue, try purging Windows font cache by stopping Windows Font Cache Service and deleting %LOCALAPPDATA%\FontCache folder, then starting the service again
Destroy666
  • 12,350