Generate Project Logo with Google Fonts

Motivation

Every time I want to make a logo for my project, I love using Google Fonts, and select a font, download the font, open Sketch.app, create a text field using that font, type my project's name, and finally export it to png.

Here is some crafts I'd made, for example:

https://github.com/djyde/rehux

https://github.com/djyde/serlina

Picas

So today I build Picas, which helps you generate these kind of logo.

Automatically load Google Web Fonts

Just go Google Fonts to find your favorite font name. Tell Picas the font name and it will automatically generate the logo with this font.

Retina friendly

For retina friendly, the image is 2x large.

Hope to see the logos you create with Picas!

Links

• https://github.com/djyde/Picas
• https://picas.now.sh

Comments

[Sung M. Kim]

Thanks Randy for Picas.

It seems quite interesting one can generate logos using all Google fonts.

I saw a similar project, which converts Google Fonts to SVGs and I wonder if you'd be able to integrate exporting to SVG files as well 😀

[Randy]

Oh that's great. I am working on this feature. Thanks!

[Sung M. Kim]

That's a great news 🙏~

Exporting the logo in SVG would making changes to the logo easy with Affinity Designer or Illustrator.

[Randy]

But SVG text with font-family is required local font, isn't it?

[Sung M. Kim]

Yeah Google font to SVG site downloads each selected font to local.

But when SVG is generated, it's just an XML file so one can open it using any SVG design programs without fonts installed on a local machine.