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

我有一个@font-face规则，它看起来像这样：

@font-face{
    font-family:'F';
src:url("") format("embedded-opentype"),
url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAA ... ETC... ETC

我能把它转换成字体文件吗

---

谢谢

复制base64编码部件并将其转换。有很多方法可以做到这一点

Linux

base64 -d base64_encoded_font.txt > font.woff

Mac OS X

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

窗口

---

转到并粘贴文本。选择“从Base64字符串解码数据（Base64解码）”和“导出到二进制文件”。

@mcrumley的答案是正确的，但对于那些无法理解和/或害怕命令行的人，我有另一种方法

我刚刚在谷歌上搜索了你的问题，找到了可以将任何base64文件转换/解码（和编码）为原始格式的方法。过去我曾用它对base64图像进行编码和解码，但这是我第一次尝试使用字体。作为测试，我插入了在随机网页的css文件中找到的嵌入式base64字体信息。如果不需要整个条目，请关闭css信息，否则转换将失败

（例如）删除base64之前的此信息：

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

从末尾删除以下内容：

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

剩下的是base64编码数据，将其粘贴到“输入”字段中，选择“解码”作为输出，然后按下按钮。它将创建一个名为

download.bin

的文件：单击该文件可下载该文件。然后将文件扩展名从

bin

更改为

woff

（您的字体文件类型可能不同，但会在css中显示）。我能够打开.woff文件，转换工作非常顺利；不仅保存了所有的轮廓，而且还保存了字形名称、opentype特性、字距和所有内容

当然，与任何用于翻录webfonts的方法一样，输出的字形数量可能仅限于相关页面上使用的字形

如果您不需要

woff

文件，那么有很多在线工具可以将

woff

转换为您选择的格式。或者，如果您需要离线工具，请查看我提出的这个问题以及我收到的答案：

副本：

data:application/x-font-woff;charset=utf-8;base64,d09GRgABAA ...ETC

粘贴在浏览器地址栏中，按enter键

- A save as window appear -

选择要保存到的文件夹（例如：mywebsite/fonts），文件名：myfont.woff

- you now have myfont.woff in a folder -

在css中包括：

@font-face {
   font-family: 'myfont';
   src: url('fonts/myfont.woff');
   font-weight: normal;
   font-style: normal;
}

添加到类：

.headline {
font-family: 'myfont', Helvetica, Arial, sans-serif;
}

---

完成了。谢谢我尝试了windows方法-很棒的工具（可能需要图形设计师的帮助：）在命名我的文件myfont.woff后，我转到font squirrel并转换为我需要的所有字体（.eot、.ttf等）。我使用的是OS X，这里的

openssl

方法对我不起作用，但使用

base64

的Linux解决方案确实起作用（使用选项

-D

而不是

-D

）