我有一個@字體面的規則,它看起來像這樣:我可以將嵌入式base64編碼字體轉換爲字體文件嗎?
@font-face{
font-family:'F';
src:url("") format("embedded-opentype"),
url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAA ... ETC... ETC
我可以將它轉換爲一個字體文件?
謝謝!
我有一個@字體面的規則,它看起來像這樣:我可以將嵌入式base64編碼字體轉換爲字體文件嗎?
@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
的WIndows
轉到http://www.motobit.com/util/base64-decoder-encoder.asp和粘貼文本。選擇「解碼來自Base64字符串的數據(base64解碼)」和「導出爲二進制文件」。
@ mcrumley的回答是正確的,但對於那些無法弄清楚和/或害怕命令行的人,我有另一種方法。
我只是谷歌搜索你的問題,並發現http://base64converter.com/它可以轉換/解碼(和編碼)任何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特徵,字距縮小以及所有內容也一樣。
當然,就像用於翻譯網頁字體的任何方法一樣,輸出的字形數量可能會侷限於所討論頁面上使用的字形。
如果woff
文件不是你所需要的,有很多在線工具將woff
轉換爲你選擇的格式。或者,如果你需要離線工具,看看這個問題,我問,我收到了答案:
Modify Python Script to Batch Convert all "WOFF" Files in Directory
感謝。我嘗試了windows方法 - 很棒的工具(可能需要圖形設計師的幫助:) 命名我的文件myfont.woff後,我去了font-squirrel,並轉換爲我需要的所有字體(.eot,.ttf等等等)。 –
我在OS X中,這裏的'openssl'方法不適用於我,但使用'base64'的Linux解決方案(使用選項'-D'而不是'-d') – keithjgrant