Base64编码@ font-face for Tumblr

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

。我究竟做错了什么？

来源

2017-02-23 Baard Kolstad

Tumblr是否正在过滤掉（保存/提交时）？或者它出现在实际页面上，但它不起作用？ [您是否有示例页面？] – Philip

@Philip它似乎并未被滤除。在最新版本中，它通过static.tumblr.com上托管的外部样式表加载，这是我首选的方法，因为Base64混乱了代码。这里是我试图导入webfont到的网站：khrelated.tumblr.com –

当用Chrome浏览页面时，我看到多个这样的错误：'否'Access-Control-Allow-Origin'标题出现在请求的资源。 Origin'https://khrelated.tumblr.com'因此不被允许访问.'似乎甚至文件本身没有被加载，因为这个缺少策略头 – Philip

看来，我使用的Base64编码器生成的代码没有工作。对于任何遇到相同问题的人，请尝试使用此编码器：https://www.giftofspeed.com/base64-encoder/

来源

2017-02-25 10:45:18

Base64编码@ font-face for Tumblr

回答

相关问题