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

标签 javascript jquery html css

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

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

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

谢谢:)

最佳答案

试试这个:

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; 同时使用您的字体!

关于javascript - 如何将新的网络字体绑定(bind)到打开的 html 页面?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23781308/

相关文章:

javascript - 添加 tinymce 4 后,textarea 事件不起作用

javascript - 使用 HtmlUnit 提交表单

javascript - jQuery 插件语法/JavaScript 语法?

JQuery UI 日期选择器(从星期一开始几周)

javascript - 如何解决 JS 正则表达式在按键期间不起作用的问题

html - 如何在主要内容之后有左右侧边栏?

javascript - 需要碰撞检测的 Javascript 和 Canvas "engine"

javascript - 我可以在 Blade 模板中获取由 javascript 本地化的值吗?

javascript - Flickr 照片流

php - 如何使用 javascript 或 jQuery 进行计算,从各种不同的元素中获取值?