The latest articles on DEV Community by solexy79 (@solexy79). https://dev.to/solexy79 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F435457%2Fe836cd17-5777-4819-a99c-e298392a7d87.png https://dev.to/solexy79 en solexy79 Thu, 13 Aug 2020 21:02:30 +0000 https://dev.to/solexy79/installing-a-new-font-for-vs-code-in-three-3-simple-steps-13a5 https://dev.to/solexy79/installing-a-new-font-for-vs-code-in-three-3-simple-steps-13a5 <p>Most beginner developers like me at one point or the other, get tired of their default vs-code font. In fact, I just changed mine a few days back and I thought documenting the process will be a great idea for others that would like to follow suit and don't know how to get around it.</p> <h3> <strong>Step one (download the font)</strong> </h3> <p>A great resource to get free and really good fonts is <a href="https://fonts.google.com/" rel="noopener noreferrer">Google Fonts</a>. Although there are other great fonts out there, I recommend downloading the <strong>Fira Code</strong> font, because its one of the most preferred font by developers and also because its my personal favorite for now . </p> <p><a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2F7s8yim9typ87asnezvng.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2F7s8yim9typ87asnezvng.png" alt="Alt Text" width="800" height="132"></a></p> <p>Click on download family button and a zip file should be downloaded on your PC.</p> <h3> <strong>Step two (installing the font)</strong> </h3> <p>Navigate into the newly downloaded font zip file and you should have a screen like this.</p> <p><a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fdr15om6bibchuip2zwtd.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fdr15om6bibchuip2zwtd.png" alt="Alt Text" width="547" height="346"></a></p> <p>Click install and now you have the font installed on your PC</p> <h3> <strong>Step three (using font in VS CODE)</strong> </h3> <p>In your VS code editor Go to File &gt; Preferences &gt; settings and search font.</p> <p><a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fqnhzko4ehr7loe0bd8mh.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fqnhzko4ehr7loe0bd8mh.png" alt="Alt Text" width="800" height="449"></a></p> <p>Insert the name of the newly downloaded font("Fira Code") before other default fonts and voila!! you have successfully installed a new font for your <strong>vscode editor</strong> ...</p> <p><a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fzr6whuilvh106do43trv.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fzr6whuilvh106do43trv.png" alt="Alt Text" width="800" height="208"></a></p> <p>wait a moment.... another thing to note is that, you might need to restart your PC before the changes take effect</p> <h3> <strong>Bonus</strong> </h3> <p>you might want to enable font ligatures also, it also makes font look great...</p> <h3> <strong>Conclusion</strong> </h3> <p>The default vscode font is not bad, but changing your font can make you feel more at home in your code editor and even increase the excitement to code. Happy Coding!!</p> vscode codenewbie beginners webdev