Introduction
Google fonts are open source. I was reading through the new angular website and was astonished by the beautiful font used in the code editor shown in the samples. The font name is DM Mono. I wanted to use the same font on my Visual studio code editor for the Angular project development but I could not find a good blog which will guide through the installation process. Hence I am documenting this blog for the same.
Get the font
Follow below steps to download a font from Google fonts website.
- Visit the Google fonts website.
- Search for the font you like for example DM Mono
- Click on the Get font button
- It will download a zip containing ttf format files
Once the zip is downloaded in the default downloads folder on your Mac. Follow below steps
- Double click to uzip the zip
- Open the folder Ex: DM_Mono
- Select all files with extension as .ttf and do not select other files like txt or some other format
- Keeping all the files selected double click on any one of them
- It will show a font installation screen
- Click install button on this screen
Note: The below screenshot shows Replace button since I already installed this font. You will see the same button text as Install during first installation.
Comments
Post a Comment