我正在开发一个 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 字体文件。
我错过了什么吗？
所有这些都是正确的，除了你我认为你不需要任何引号，无论是单引号还是双引号。
它应该像这样：
@font-face {
font-family: futuraBold;
src: url(data:font/opentype;base64,BASE64CODE);
}
希望这有帮助
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
