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

CXO at Vecta.io. Solving problems with people for people by connecting dots between brains, over a cup of coffee.

Creating a diagram?

Introducing the world's first SVG editor with javascript based plugins

Learn more...

IF YOU LIKE THIS POST, YOU'LL LIKE THESE TOO

May 14, 2019 · SVG · Web

5 Most common problems faced by SVG users

As SVG adoption increases 100% year-over-year, front end developers and designers like yourself will increasingly be expected to use more and more SVG in websites, all around the world.

March 09, 2019 · SVG · Web · PNG

Improving mobile page speed by 200% using SVG and Nano

According to Google, your page should load within 3 seconds, otherwise 53% of mobile visitors would abandon your page. If it takes 6 seconds, the probability of bounce increases to 106%. In short, your website's performance has a direct correlation t...

January 14, 2019 · SVG · Web

Best practices for SVG SEO in Google Image

With the proliferation of high resolution devices, SVG is definitely the future to serving high res screens with responsive images, at a small file size and low bandwidth. In fact, some sites that we check-in daily like Google, YouTube, Twitter...

Keep yourself updated with the latest development on SVG, Web development, CSS and Javascript.