2017-02-23 2 views
0

Da Tumblr keine Webfont-Dateien akzeptiert, die auf anderen Domains gehostet werden, versuche ich, die Dateien direkt mit Base64-Codierung zu importieren.Base64 encoded @ font-face für Tumblr

Dies ist das Format habe ich verwendet:

@font-face { 
    font-family: 'FontName'; 
    src: url(data:application/vnd.ms-fontobject;base64,[BASE64 CODE]); 
    src: url(data:font/woff2;base64,[BASE64 CODE]) format('woff2'), 
     url(data:application/font-woff;base64,[BASE64 CODE]) format('woff'), 
     url(data:application/x-font-truetype;base64,[BASE64 CODE]) format('truetype'); 
} 

I Einfügen diese mit dem entsprechenden Code zu dem Tumblr CSS-Editor, HTML-Editor in einem Stil-Tag und in einem externen Stylesheet ohne Erfolg versucht haben. Was mache ich falsch?

+0

Wird es von Tumblr ausgefiltert (beim Speichern/Senden)? Oder ist es auf der aktuellen Seite vorhanden, funktioniert es aber einfach nicht? [Haben Sie eine Beispielseite?] – Philip

+0

@Philip Es scheint nicht so, als ob es herausgefiltert wird. In der neuesten Version wird es über ein externes Stylesheet geladen, das auf static.tumblr.com gehostet wird. Dies ist meine bevorzugte Methode, da Base64 den Code überfüllt. Hier ist die Site, die ich versuche, den Webfont zu importieren: khrelated.tumblr.com –

+0

Beim Überprüfen der Seite mit Chrome, sehe ich mehrere Fehler wie folgt: 'Nein 'Access-Control-Allow-Origin' Header ist auf der angeforderte Ressource. Origin 'https://khrelated.tumblr.com' ist daher nicht erlaubt. "Es scheint, dass selbst die Datei selbst wegen dieses fehlenden Richtlinien-Headers nicht geladen wird – Philip

Antwort