我正在开发一个Tumblr主题,并希望使用我在所有浏览器中都有的字体。因为 Firefox 不允许对其他域的 http 请求 css 字体,所以现在该字体在 Firefox 中不起作用,但在所有其他浏览器中使用标准的 @font 面语法。
环顾四周,发现建议使用 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字体文件。
我错过了什么吗?
所有正确的,除了你我认为你不需要任何引号,单引号或双引号。它应该是这样的:
@font-face {
font-family: futuraBold;
src: url(data:font/opentype;base64,BASE64CODE);
}
希望这有帮助