2016-09-18 5 views
0

Я хочу напечатать содержимое DIV и имеет следующее решение:как изменить семейство шрифтов для нового окна

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

Все работает, кроме fontFamily не Arial, но (я полагаю) шрифт с засечками браузера по умолчанию в ,

ответ

1

Я думаю, вам нужно одно важное свойство, чтобы установить приоритет для вашего элемента

Попробуйте эти ответы

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 = «хх».

Наконец-то у вас есть java-скрипт в конце HTML-кода, который кажется лучшим решением, чем все перечисленные выше манипуляции.

1

Возможно, вы захотите дважды проверить: 1) что такое настоящая ссылка на семейство шрифтов, которую вы пытаетесь использовать. 2) он по умолчанию при условии (во многих случаях вам придется добавить ресурсы определения шрифта вам сайт)

http://www.cssfontstack.com/arial

семейство шрифтов: Arial, Helvetica Neue, Helvetica, без засечек;

0

Посмотрите на это. Он временно преобразуется в ваш шрифт для печати, а затем снова вернется к его предыдущему стилю шрифта.

<script> 
     function print_font() 
     { 
      var content = document.getElementById('Pcontent').innerHTML; 
      var win = window.open(); 
      win.document.write(content); 
      win.document.body.style.fontFamily="Impact, Charcoal, sans-serif"; 
      win.print(); 

     } 
    </script> 

<div id="Pcontent"> 

     <p>Print Me according to your font choice... </p> 
    </div> 
    <br> 
    <br> 
    <a href="#" onClick="print_font()" >Print</a> 

** Сделайте то же самое для Arial он будет работать надежду так

Смежные вопросы