8

我正在开发一个 Tumblr 主题，并想使用我在所有浏览器中都有的字体。因为 Firefox 不允许对其他域的 css 字体进行 http 请求，所以目前该字体在 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 字体文件。

我错过了什么吗？

4

1 回答 1

2

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

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

希望这有帮助

于 2013-01-02T21:43:46.460 回答