2015-05-29 269 views
1

我有一个类似于下面的css字体家族(我缩短了它,因为显示限制,否则它比我在这里存在的要大得多) now你能不能让我知道,如果有一种方法来转换url()内容inti .ttf字体格式或其他标准字体格式?如何将数据:字体转换为CSS字体格式的.ttf字体格式

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

有很多在线服务,你可以输入你的base64编码的东西。或者那不是你想要的?另外,opentype与.ttf不一样。嗯,它可以是,但它不一定是! –

回答

-1

不要这样做?如果您有一个实际的字体文件,如.ttf文件,则只需即可在您的CSS中使用该文件。

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

aaaaaand我们完成了。为了普遍接受,将它作为WOFF包装,然后使用它代替ttf OpenType字体文件,以便每个现代浏览器都支持它。

注意:虽然你不能公然转换你的字体。如果您不拥有字体的权利,或字体没有附带允许衍生品的许可证,您未许可将此字体转换为

2

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

一些在线服务的仅限于有多少可以进入,所以简单的只是在你的浏览器中打开的base64字符串,这样做本地,你将与save as对话来推动,选择任何名称你想

替代(如果浏览器不允许你进入这样一个长的URL)创建一个下载链接,支持任何支持的浏览器打开网页的下载属性(浏览器,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文件。而且你也不必安装任何程序。但它不会告诉你原始文件扩展名是什么。

+0

[看起来](https://github.com/jimmywarting/ofc)你与onlinefontconverter.com有关联。请注意,我们的[自我推销政策](http:// meta。stackexchange.com/questions/57497)要求你以这样的答案披露这些信息。 – josliber