Question

我有一个像下面这样的css字体系列（由于显示限制我缩短了它，否则它比我在这里提供的要大得多）现在可以告诉我，如果有办法转换url()内容inti .ttf字体格式或其他标准字体格式？

@font-face{font-family:'web_font';
 src:url('data:font/opentype;base64,d09GRk9UVE8AAHUkAA0AAAAAvnQAAhOIAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAABMAAAXwMAAIcHbRkIAEZGVE0AAGA0AAAAGgAAABxoptAkR0RFRgAAYFAAAACWAAAA3hpVGOlHUE9TAABg6AAABf8AABkwdgAPiEdTVUIAAGboAAAGngAADSIYX0AXT1MvMgAAbYgAAABXAAAAYI8WBFNjbWFwAABt4AAAAZYAAAKquYd/vWhlYWQAAG94AAAAMwAAADYIcsC0aGhlYQAAb6wAAAAhAAAAJAuVB6xobXR4AABv0AAAA0cAAAaQAUI5cG1heHAAAHMYAAAABgAAAAYBpFAAbmFtZQAAcyAAAAHuAAAFH7QO6sRwb3N0AAB1EAAAABMAAAAg/h4AHnictLoHXFRH1zjMvbC7V9S1cRcFXVDBggTpxRbFrigWpCq997pUkY4w9N5BepMuoGI3WGNsURMTY0wsURITU2Zx8Hm+uQsui/F58/zf9/eBF2fOOXPanDnnzN0lpGRkpAiCmBLq4mjl4uXga+HiKEWQUoTUGuF0qeHTxPAZcvgpQ+');}

Answer 1

1）首先，您需要将base64字符串保存为文件。

某些在线服务仅限于您可以输入的数量，只需在浏览器中打开base64字符串即可在本地执行此操作，您将使用save as对话框进行升级，选择您想要的任何名称< / p>

替代方案（如果浏览器不允许您输入这么长的网址）创建下载链接，在支持下载属性（chrome，firefox，opera）的任何支持的浏览器中打开页面

<a href="data:font/opentype;base64,d09GRVE8AAH..." download="web_font">download web_font</a>

2）然后~~你需要~~找出它的文件扩展名

只需使用少量的base64字符串，我就可以通过使用十六进制/文本编辑器将其识别为woff文件。我将保存的文件上传到https://hexed.it，并且可以在开头读取它说woff

现在你有了web_font.woff文件！

3）使用适合woff格式的工具将其转换为TTF

I can google that for you，例如fontforge找到了这个和一些免费的在线服务。

onlinefontconverter.com通过查看magic number而不是文件扩展名来转换未知格式，从而可以直接获得ttf文件。而且你也不必安装任何程序。但它并没有告诉你原始文件扩展名是什么。

Answer 2

不要这样做？如果您有一个实际的字体文件，例如.ttf文件，只需在CSS 中使用它。

@font-face {
  font-family: WhateverNameYouNeed;
  src: url('location/to/your/file.ttf') format('truetype')
}

aaaaa我们已经完成了。为了普遍接受，将其包装为WOFF，然后使用它而不是ttf OpenType字体文件，以便每个现代浏览器都支持它。

注意：但是，你不能公然转换你的字体。如果您不拥有该字体的权利，或者该字体没有附带允许衍生产品的许可证，您将无法转换此字体。

如何在CSS字体中将数据转换为.ttf字体格式

2 个答案: