将base64字体转换回ttf或otf

时间:2014-01-23 02:49:52

标签: fonts base64

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

Can I convert embedded base64 encode font to a font file?

我的字体文件以

开头
@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

5 个答案:

答案 0 :(得分:26)

是的,你可以使用两个在线工具。

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

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

它将下载.bin文件。接下来转到:

https://onlinefontconverter.com

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

答案 1 :(得分:15)

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

以下是Google Chrome的一步一步:

  1. 打开Chrome开发。工具(CMD + SHIFT + I,CTRL + SHIFT + I)
  2. 打开“网络”标签,刷新网站
  3. 仅限过滤:字体
  4. 右键单击字体文件+“在新标签页中打开”
  5. 根据字体类型保存文件+名称。
  6. 就是这样。

答案 2 :(得分:2)

我刚用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文件,转换工作完美;不仅保存了所有轮廓,而且字形名称,opentype特征,字距调整以及所有内容也是如此。

  4. 当然,与任何用于翻录网页字体的方法一样,输出的字形数量可能仅限于相关网页上使用的字形数量。

答案 3 :(得分:2)

  • 在浏览器中转到“检查器”,然后选择“网络”。
  • 从woff,ttf等重新加载页面过滤器文件。
  • 在文件名上单击鼠标右键,然后选择复制响应。
  • 将内容粘贴到文件中,然后从所有内容中删除所有内容,直到“ base64”(含)为止。
  • 将其余数据粘贴到https://www.opinionatedgeek.com/dotnet/tools/Base64Decode/中 并解码。
  • 下载bin文件并上传到https://onlinefontconverter.com

现在您有了受限字体内容!成功,并感谢Kupe和Endless。

答案 4 :(得分:0)

使用以下步骤将base64字体转换为其他格式:

  1. 复制base64数据。

    CSS中标记为" THIS_CODE":的部分

    @font-face {
      font-family:"font-name-here";
      src:url(data:font/opentype;base64,THIS_CODE);
    }
    
  2. 使用转换器解码base64数据。以下是两个在线转换器:opinionatedgeek.commotobit.com

    这些都会输出.bin文件。

  3. 转到onlinefontconverter.com检查所需的字体类型(可能是OTFTTF),然后点击"选择字体&#34 ;并上传.bin文件。点击"完成"并且网站将找到所需的字体文件格式,然后为您提供下载包含所需字体文件的zip文件的链接。