Using Source Code Pro Font in VS Code on macOS
Visual Studio Code will only have access to fonts (font-family) that are installed on your system by default and Source Code Pro
isn’t one of them. To add Source Code Pro
to your VS Code programming experience, on macOS, we will have to first download the font files, then install them and then finally configure VS Code to use it.
Follow these steps:
- Download the font resources from Github. Click on
Code > Download Zip
. - Extract the zip on your local machine.
- Use the macOS Font Book font manager app to quickly add the font. This app is installed by default. So open it, click on the
+
icon and select the extracted folder from step 2. - Finally, change the
Font Family
in your VS Code user settings. You can do this inPreferences > Settings
or modify theUser/settings.json
directly by putting{ "editor.fontFamily": "Source Code Pro" }
.
Enjoy!