2017-02-23 63 views
0

由於Tumblr不接受其他域上託管的webfont文件,因此我試圖直接使用Base64編碼導入文件。Base64編碼@ font-face for Tumblr

這是我使用的格式:我試圖粘貼在此與相應的代碼到的tumblr CSS編輯器,HTML編輯器的風格標籤,並在外部樣式沒有任何成功

@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'); 
} 

。我究竟做錯了什麼?

+0

Tumblr是否正在過濾掉(保存/提交時)?或者它出現在實際頁面上,但它不起作用? [您是否有示例頁面?] – Philip

+0

@Philip它似乎並未被濾除。在最新版本中,它通過static.tumblr.com上託管的外部樣式表加載,這是我首選的方法,因爲Base64混亂了代碼。這裏是我試圖導入webfont到的網站:khrelated.tumblr.com –

+0

當用Chrome瀏覽頁面時,我看到多個這樣的錯誤:'否'Access-Control-Allow-Origin'標題出現在請求的資源。 Origin'https://khrelated.tumblr.com'因此不被允許訪問.'似乎甚至文件本身沒有被加載,因爲這個缺少策略頭 – Philip

回答