loading...

Generate Project Logo with Google Fonts

djyde profile image Randy ・1 min read

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

Discussion

pic
Editor guide
Collapse
dance2die profile image
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 😀

Collapse
djyde profile image
Randy Author

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

Collapse
dance2die profile image
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.

Thread Thread
djyde profile image
Randy Author

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

Thread Thread
dance2die profile image
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.