javascript - 如何更改新窗口的字体系列

标签 javascript font-family

我想打印div的内容并有以下解决方案:

w=window.open();
w.document.body.style.fontFamily = 'Arial';
w.document.write(tosend);
w.print();
w.close();

一切正常,除了 fontFamily 不是 Arial,而是(我想)默认浏览器的衬线字体。

最佳答案

我想您需要一个重要的属性来设置元素的优先级

尝试这些答案

w.document.body.setAttribute('style', 'font-family:Arial !important');

其他

w.document.body.style.cssText = 'font-family:Arial !important';

下面的内容可能在 IE 中不起作用:

w.document.body.style.setProperty("font-family", "Arial", "important");

或者您可以附加内联样式

w.document.body.appendChild(document.createTextNode('td.EvenRow a {font-family:Arial !important;}'))

如果没有任何效果,请使用具有重要样式属性的类并使用 body.addClass="xx"。

最后在 HTML 末尾添加 java 脚本,这似乎是比上述所有操作更好的解决方案。

关于javascript - 如何更改新窗口的字体系列,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39555367/

相关文章:

javascript - 如何在JavaScript中附加字符串并在同一行中预增量

javascript - 安装时出现 Nativescript 错误

javascript - 为动态添加的 HTML 元素添加事件监听器

javascript - 为什么我的 JS 移动导航在我的所有页面上都有效,但只有一个?

javascript - 令人费解的 Uncaught TypeError : Object. keys called on non-object

css - JavaFX CSS 字体系列未应用于 Xubuntu 16.04 中的标签控件

css - 如果 emoji 字体列在 sans-serif 之后,什么时候可以使用?

android - 如何在 Eclipse API 16 (fontFamily) 中使用 native Android OS 4.1 Roboto 字体

css - 在选择选项中设置字体系列不适用于 Chrome 和 IE 浏览器

html - 垂直居中似乎不适用于 Chrome 移动版中的某些字体