2014-01-23 583 views
11

我跟着下面的說明,但我沒能成功轉換到.woff轉換的base64字體回TTF或OTF

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 
+0

同上:(哦好吧 – tekknolagi

回答

22

是的,你可以通過使用兩個在線工具。

首先複製base64數據,所以'base64'之後的所有內容都被忽略了。結尾。然後去這個網站並粘貼代碼:

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

它會下載一個.bin文件。下次再去:

https://onlinefontconverter.com

上傳右側的.bin文件,並選擇轉換爲OTF或TIFF從左側的鏈接。點擊新的下載鏈接。下載,解壓並且你的字體將會在那裏!

+0

非常感謝您的回答。不幸的是,第二部分似乎並沒有工作在這一點上。有沒有人知道替代方案? – JGC

+1

opinionatedgeek網站有一些錯誤,但刷新網站修復它,第二部分爲我工作得很好 – Niel

+0

沒有爲我工作... – Andrew

1

我剛剛搜索了你的問題,發現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特徵,字距縮小以及所有內容也一樣。

當然,就像用於翻譯網頁字體的任何方法一樣,輸出的字形數量可能會侷限於所討論頁面上使用的字形。

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),然後單擊字體的「選擇字體(S)」,並上傳了.bin文件。點擊「完成」,網站將找到所需的字體文件格式,然後爲您提供一個鏈接,下載包含所需字體文件的zip文件。

3

您可以在開發人員工具中的網絡面板中簡單地打開字體並保存。

這裏是一步一步的谷歌瀏覽器:

  1. 打開Chrome瀏覽器開發。唯一的工具(CMD + SHIFT + I,CTRL + SHIFT + I)
  2. 打開 「網絡」 選項卡,刷新網站
  3. 過濾器:字體
  4. 右鍵單擊字體文件+ 「打開新的標籤頁」
  5. 保存文件+根據字體類型命名。

就是這樣。