需要使用jquery为打印动态添加字体系列点阵
我在jquery中有一个打印函数,如下所示:需要使用jquery为打印动态添加字体系列点阵,jquery,css,fonts,dot-matrix,Jquery,Css,Fonts,Dot Matrix,我在jquery中有一个打印函数,如下所示: $("#btn_print").click(function () { //Create print div populatePrintdiv(); $("#btn_cmplte").css('display', 'block'); var divToPrint = document.getElementById('printdiv'); var newWin = win
$("#btn_print").click(function () {
//Create print div
populatePrintdiv();
$("#btn_cmplte").css('display', 'block');
var divToPrint = document.getElementById('printdiv');
var newWin = window.open('', 'Print-Window');
newWin.document.open();
newWin.document.write('<html><body onload="window.print()" style="font-family:consolas;margin-left:30px;">' + divToPrint.innerHTML + '</body></html>');
newWin.document.close();
setTimeout(function () {
newWin.close();
}, 10);
});
在css中,它看起来像:
@font-face {
font-family: 1979_dot_matrix;
src: local("1979_dot_matrix"),
local("1979_dot_matrix"),
url(fonts/1979_dot_matrix.ttf);
font-weight: bold;
}
我如何使用jquery动态地使用它,如上所述。我得到的解决方案如下:
newWin.document.write('<html><style>@font-face {font-family: DotMatrix;src: url("fonts/1979_dot_matrix.ttf");}</style><body onload="window.print()" style="font:1em DotMatrix;margin-left:30px;">' + divToPrint.innerHTML + '</body></html>');
newWin.document.write('@font-face{font-family:DotMatrix;src:url(“font/1979_-dot_-matrix.ttf”);}'+divToPrint.innerHTML+'');
@font-face {
font-family: 1979_dot_matrix;
src: local("1979_dot_matrix"),
local("1979_dot_matrix"),
url(fonts/1979_dot_matrix.ttf);
font-weight: bold;
}
newWin.document.write('<html><style>@font-face {font-family: DotMatrix;src: url("fonts/1979_dot_matrix.ttf");}</style><body onload="window.print()" style="font:1em DotMatrix;margin-left:30px;">' + divToPrint.innerHTML + '</body></html>');