DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

Randy
Randy

Posted on

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

Top comments (5)

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

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

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.

Classic DEV Post

brain computer interface

Experimenting with brain-computer interfaces in JavaScript