Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Better Google Fonts for VS CodeNew to Visual Studio Code? Get it now.
Better Google Fonts for VS Code

Better Google Fonts for VS Code

Pavlo Krovitskyi

|
472 installs
| (5) | Free
Allows you to view and insert Google <link> or @import fonts with the ability to select font weight from the drop-down list
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Google Fonts extension for Visual Studio code!

This extension allows you to browse the list of Google Fonts and insert either HTML or CSS @import url(...) !

When you add a font using the link tag, preconnect is automatically added

<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic. com" crossorigin />

When you select a font family, the languages supported by this font (Latin, Cyrillic, individual languages) are displayed next to the name supported languages

When selecting a font, you can see its preview by clicking on the icon on the right side supported languages

You can specify the desired font weight from the available options in the drop-down list

Features

Insert <link href=".."> for the selected Google Font !

You can easily browse Google Fonts and create a for it !

Insert link element

Insert @import operator in CSS for the selected Google Font!

You can easily browse Google Fonts and create an @import statement for it!

Insert @import statement

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft