javascript - 如何将新的网络字体绑定(bind)到打开的 html 页面？

Question

我不确定在这里发布这个问题是否合适？

我今天早上看到新版本的 Chrome 支持实时绑定(bind)网络字体。

是否有技巧的 javascript、dom 操作、Amberjs 或 Jquery 插件可以对尚不支持该功能的浏览器执行相同的操作(在浏览器的打开页面中添加新的网络字体并具有访问权限对它来说，我的意思是不必更改 css 并重新加载页面？)

谢谢:)

Answer 1

试试这个:

var newStyleText = "@font-face {" +
"font-family: myFirstFont;" +
"src: url(your-font.css);" +
"}"

var newStyle = $(document.createElement("style");
newStyle.html(newStyleText);
$(document.head).append(newStyle)

每个元素都带有 font-family: myFirstFont; 同时使用您的字体!