如何将 Google 字体转换为 PNG 或 GIF？

Question

我一直在使用谷歌字体作为我的Web应用程序的标志。但似乎它的渲染效果并不像我期望的那样好。但我仍然喜欢我正在使用的字体。所以我想把它转换成PNG或GIF格式，然后将图像用作标志。这样做最简单的方法是什么？

- Vlad

---

你确定你已经正确地设置了它吗？因为网络字体的理念是不必使用图片。 - Aatch

我正在使用wmode=opaque（或transparent）将字体覆盖在Flash上，但这似乎会破坏基于Webkit的浏览器。字体看起来很脏。 - Vlad

如果我们的回答有帮助或准确，请告诉我们。谢谢！ - magzalez

Answer 1

我发现了一个很棒的网站，可以帮助你将Google字体文本转换为图像。该网站是Picas。Picas是开源的。您可以在他们的代码库中找到源代码。

请查看https://picas.vercel.app/。

请查看源代码https://github.com/djyde/Picas。 预览：

- Laode Muhammad Al Fatih

---

这个完美运作！带有透明背景的文本！ - Paul

Answer 2

虽然Aatch提到了使用Web字体的好处是不需要创建图片，但您仍然可以将字体下载到计算机上，并在Photoshop中创建标志。

- magzalez

Answer 3

截取在最佳渲染浏览器中呈现的文本的屏幕截图。在KDE和Windows中使用Ctrl-PrintSrc。

- dotancohen

Answer 4

在 Mac 上截屏：CMD+Shift+4 在 Windows 上：打开打印屏幕程序 在 Linux 上：PrintSrc

- tuoxie007

Answer 5

截取屏幕截图，使用Photoshop进行裁剪。

- thoseios

Answer 6

我也遇到了需要使用谷歌字体的静态图片的需求。

这是一个非常耗时的过程，所以我最终使用了 puppeteer/lambda 进行自动化处理。现在我已经生成了每种谷歌字体的最新渲染图像，可以在 gfontpng.com 上下载。

- Joseph