Firefox上Tumblr的Base64字体编码

Question

我正在开发Tumblr主题,并希望使用我在所有浏览器中使用的字体.因为Firefox不允许其他域的http请求用于css字体,所以现在该字体在Firefox中不起作用,但在所有其他浏览器中使用标准的@ font-face语法.

有人环顾四周,发现建议使用base64将字体直接编码到css文件中.现在尝试这样做,但它不起作用.我以前从未使用过这种技术,所以我可能只是遗漏了一些东西.我链接到tumblr主题的样式表,并将font-family:futuraBold分配给某些元素.

这是样式表的样子:

  @font-face {
    font-family: “futuraBold”;
    src: url(“data:font/opentype;base64,BASE64CODE”);
} 

我在这里使用了base64编码器:http://www.opinionatedgeek.com/dotnet/tools/base64encode/

并上传了一个.otf字体文件.

我错过了什么吗？

Answer 1

所有这些都是正确的，除了你我认为你不需要任何引号，无论是单引号还是双引号。它应该像这样：

@font-face {
    font-family: futuraBold;
    src: url(data:font/opentype;base64,BASE64CODE);
} 

希望这有帮助