将base64字体转换回ttf或otf

Question

我按照下面的说明操作,但我无法成功转换为.woff

我可以将嵌入式base64编码字体转换为字体文件吗？

我的字体文件以.开头

@font-face {
font-family: "ff_0f65bfd4c8d788fc278265526a59";
src: url(data:font/woff;base64,d09GRk9UVE8AAGQDAAs............

最后以

...........PPvfkLBXJFlQ==);
}

我只能假设问题是我试图转换的代码部分.任何帮助将非常感激.

当我尝试下面的命令时,它只是创建一个空文件.

openssl base64 -d -in base64_encoded_font.txt -out font.woff

Answer 1

是的,您可以使用两个在线工具.

首先复制base64数据,所以"base64"之后的所有内容都省略了; 结尾.然后去这个网站并粘贴代码:

http://www.opinionatedgeek.com/dotnet/tools/Base64Decode/

它将下载.bin文件.接下来去:

https://onlinefontconverter.com

上传右侧的.bin文件,然后从左侧的链接中选择转换为otf或tiff.单击新下载链接.下载,解压缩,你的字体将在那里!

Answer 2

您只需在开发人员工具中打开"网络"面板中的字体并保存即可.

以下是Google Chrome的一步一步:

1. 打开Chrome开发者.工具(CMD + SHIFT + I,CTRL + SHIFT + I)
2. 打开"网络"标签,刷新网站
3. 仅过滤:字体
4. 右键单击字体文件+"在新选项卡中打开"
5. 保存文件+根据字体类型命名.

就这样.

Answer 3

我刚刚用 Google 搜索了你的问题，发现http://base64converter.com/可以将任何 Base64 文件转换/解码（和编码）回其原始格式。我过去用它来编码和解码 Base64 图像，但这是我第一次尝试使用字体。作为测试，我插入了在随机网页的 CSS 文件中找到的嵌入式 Base64 字体信息。您不需要整个条目，请忽略 css 信息，否则转换将失败。

1. （例如）删除base64前面的此信息：

   @font-face{font-family:"Example";src:url(data:application/x-font-woff;base64,
   

2. 从末尾删除此内容：

   );font-weight:400;font-style:normal}
   

3. 您将留下 Base64 编码数据，将其粘贴到“输入”字段中，选择“解码”作为输出，然后按按钮。它将创建一个名为download.bin: 单击它以下载它的文件。然后将文件扩展名从 更改bin为woff（您的字体文件类型可能不同，但它会在 css 中显示）。我能够打开 .woff 文件并且转换工作完美；不仅所有轮廓都被保存，字形名称、开放式特征、字距调整以及所有内容也被保存。

当然，就像任何用于翻录网络字体的方法一样，输出的字形数量可能仅限于相关页面上使用的字形数量。

Answer 4

• 在浏览器中转到 Inspector，然后选择 Network。
• 从 woff、ttf 等重新加载页面过滤文件。
• 在文件名上单击右键并选择复制响应。
• 将内容粘贴到文件中，并从顶部删除所有内容，直到“base64”（含）。
• 将其余数据粘贴到https://www.opinionatedgeek.com/dotnet/tools/Base64Decode/ 并解码。
• 下载bin文件并上传到https://onlinefontconverter.com

现在您拥有了受限制的字体内容！成功并感谢 Kupe 和 Endless。