How can I turn Google fonts into a png or gif?

Question

I've been using a Google font as my web app's logo. But it seems that it doesn't render as great as I expected. But I still love the font face I've been using. So I want to just turn that into a png or gif and use the image as the logo.

What is the easiest way to do something like this?

Answer 1

While Aatch is right about the idea of Web fonts is not having to create images, you can always download the font to your computer and create the logo in Photoshop.

Answer 2

Take a screenshot of the text rendered in the browser that renders it best. Ctrl-PrintSrc in KDE and Windows.

Answer 3

take a screenshot on Mac: CMD+Shift+4 on Windows: open the print screen program on Linux: PrintSrc

Answer 4

Take a screenshot, crop it in Photoshop.

Answer 5

I ran into the same need to have static images of google fonts.

It was a huge timesink so I ended up automating it with puppeteer/lambda. I have up to date renders of every google font available for download @ gfontpng.com