July 20, 2018 · SVG · Web · Diagramming

You Can Now Use Google Fonts in Vecta

When you’re drawing diagrams or illustrations in Vecta, sometimes you find yourself wanting to use some of your favorite fonts in your drawings. Now you can. Google fonts is now available in Vecta, and you have more than 800 font families to choose in Vecta!

How to use Google Fonts in Vecta?

In addition to default fonts in Vecta, you can now add any Google Fonts into your own fonts selection list! Start by clicking the custom menu in your font selection list, and then inserting the Google Fonts URL into the field. Click OK, and your new font is added into Vecta!

Adding Google fonts in Vecta.io
Adding Google fonts in Vecta.io

An Easier Alternative

Or directly from Symbol Search, you can find all the fonts listed in this drawing:

Most used Google Fonts in 2018
Most used Google Fonts in 2018

Drag and drop them into your drawing, and they will be automatically added into your fonts list.

We’ve made all the popularly used Google Fonts as our symbols to save you more time instead of manually inserting them one by one.

How it looks like after exporting your drawing?

Google fonts used in your drawings will look exactly the same even after exporting it to SVG. Vecta has integrated font embedding feature from Nano, so the custom fonts used in your drawings will be rendered properly and guaranteed to work on any browsers and devices.

Google Fonts after exported to SVG
Google Fonts after exported to SVG

To embed fonts, you’ll need to select Compress SVG when exporting your drawing, and Vecta will do the heavy lifting for you - Compress and Embed fonts at the same time, so your SVG will be well optimized for web usage. Small footprints, save bandwidth and faster loading time! Long gone are the days of downloading and installing font files on your PC just to get nice fonts.

We added Google Fonts in Vecta to help you illustrate your ideas better visually, so please let us know what you think after trying it out!

Like the article? Give the author some claps.

Share it with your friends!
AUTHOR

Yi Qian

What am I doing if I am not growing?

RELATED POSTS

July 28, 2018 · SVG · Web · Diagramming

Color selection made easy

Found yourself scratching head to pick a professional looking yet interesting color to give a final touch to your drawings? We worked some magic and created a color stencil in Vecta, for everyone who needs good colors laid out in their drawings w...

May 27, 2018 · SVG · Web · PNG

Making SVG easier to use (Why we build Nano)

There are a multitude of ways to embed SVG, each of them fraught with gotchas and compromises. In our quest to make SVG easier to use, we looked at different approaches and this is the story on why we build Nano.

May 26, 2018 · SVG · Web · PNG

Comparing SVG and PNG file sizes

You may have heard that SVG have the lowest size while offering the best quality. Is it true? Why are developers still using srcset and generating PNG @ 1x, 2x and 3x resolution? Can you save any bandwidth with using SVG instead of PNG?

Sign up for a FREE Vecta account and start
creating your diagram online.

Create a Free Account