2015-05-29 263 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