Kann ich die eingebettete base64-Kodierungsschrift in eine Schriftdatei konvertieren?

Question

Ich habe eine @ font-face-Regel, und sein Aussehen wie folgt aus:

@font-face{ 
    font-family:'F'; 
src:url("") format("embedded-opentype"), 
url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAA ... ETC... ETC 

Kann ich wandeln diese in eine Font-Datei?

Danke!

Answer 1

Kopieren Sie das base64-codierte Teil und konvertieren Sie es. Es gibt viele Möglichkeiten, dies zu tun.

Linux

base64 -d base64_encoded_font.txt > font.woff 

Mac OS X

openssl base64 -d -in base64_encoded_font.txt -out font.woff 

WIndows

Zum http://www.motobit.com/util/base64-decoder-encoder.asp und den Text einfügen. Wählen Sie "die Daten aus einer Base64-Zeichenkette entschlüsseln (base64-Decodierung)" und "in eine Binärdatei exportieren".

Answer 2

@ mcrumleys Antwort ist korrekt, aber für diejenigen von euch, die es nicht verstehen und/oder Angst vor der Befehlszeile haben, habe ich eine alternative Methode.

Ich google nur Ihre Frage und fand http://base64converter.com/, die jede Base64-Datei in das ursprüngliche Format konvertieren/decodieren (und kodieren) kann. Ich habe es verwendet, um Base64-Bilder in dieser Vergangenheit zu kodieren und zu dekodieren, aber dies war mein erster Versuch mit einer Schriftart. Als Test habe ich die eingebetteten base64-Font-Informationen, die ich in einer CSS-Datei einer zufälligen Webseite gefunden habe, angeschlossen. Sie möchten nicht den gesamten Eintrag, lassen Sie die CSS-Informationen oder die Konvertierung wird fehlschlagen.

1. (zum Beispiel) löschen diese Informationen die base64 vorhergehenden:

   @font-face{font-family:"Example";src:url(data:application/x-font-woff;base64, 
   

2. das Löschen vom Ende:

   ;font-weight:400;font-style:normal} 
   

3. Sie werden mit den Base64-codierten Daten überlassen werden , fügen Sie das im Feld "Input" ein, wählen Sie "Decode" für die Ausgabe und drücken Sie die Taste. Es wird eine Datei namens download.bin erstellt: Klicken Sie darauf, um es herunterzuladen. Dann ändern Sie die Dateierweiterung von bin zu woff (Ihre Schriftart Dateityp könnte anders sein, aber es wird in der CSS sagen). Ich konnte die .woff-Datei öffnen und die Konvertierung funktionierte perfekt; Es wurden nicht nur alle Umrisse gespeichert, sondern auch die Glyphnamen, die Opentype-Features, das Kerning und alles.

Natürlich wie jedes Verfahren verwendet Webfonts rippen, ausgegeben die Anzahl der Glyphen wird wahrscheinlich zu denen auf der Seite in Frage verwendet, begrenzt werden.

Wenn woff Dateien nicht das sind, was Sie brauchen, gibt es viele Online-Tools zum Konvertieren woff in das Format Ihrer Wahl. Oder wenn Sie eine Offline-Tool benötigen, lesen Sie in dieser Frage, die ich fragte, und die Antworten, die ich erhielt:

Modify Python Script to Batch Convert all "WOFF" Files in Directory