Estou usando essa fonte:
<link href="https://fonts.googleapis.com/css?family=Meie+Script" rel="stylesheet">
font-family: 'Meie Script', cursive;
Ela funciona normalmente na página.
Porém na hora de imprimir a fonte não sai na pré-visualização e nem na impressão. Estou usando a função print()
do javascript.
Tem como usar uma font google na impressão?
EDIT:
O CSS:
<style>
.nomes {
font-family: 'Rouge Script', cursive !important;
}
</style>
A div:
<div class="row nomes">
<div class="container nome-aluno">
Thiago
</div>
</div>
O botão de imprimir:
<button class="imprimi-certificado btn bg-green waves-effect">
<i class="material-icons">print</i>
</button>
A função JQuery que imprime:
$('body').on('click', '.imprimi-certificado', function(){
var printContents = $(".cert").html();
var originalContents = document.body.innerHTML;
var WindowObject = window.open("", "PrintWindow","width=750,height=650,top=50,left=50,toolbars=no,scrollbars=yes,status=no,resizable=yes");
WindowObject.document.writeln("<style>.cert{display:block}.tabela tr td{border-bottom:2px solid #111;}.pagebreak { page-break-before: always; }</style>");
WindowObject.document.writeln(printContents);
WindowObject.document.close();
WindowObject.focus();
WindowObject.print();
WindowObject.close();
});