title: PhantomJS: external CSS is ignored in rendered pdf
body: <p>I am using nodejs with phantom module to generate pdf from html.</p>
  
  <p>First, I read html template and populate it with data and than render it as pdf. I would like bootstrap css to be used to style the page, however styling is inored whatsoever in resulting pdf file.</p>
  
  <p>here is my javascript code:</p>
  
  <pre><code>var phantom = require('phantom');
  
  var htmlTemplate;
  
  fs = require('fs')
  fs.readFile('template.html', 'utf8', function (err,data) {
  
    var htmlTemplate = populateTemplate(data, body)
  
      phantom.create(function(ph){
        ph.createPage(function(page) {
  
            page.set("paperSize", { 
              format: "A4", 
              orientation: 'portrait', 
              margin: '1cm' 
            });  
  
            page.setContent(htmlTemplate, "", function(){
                page.render("../userdata/test.pdf", function(){
                  console.log("page rendered");
                  ph.exit();
                }); 
            });
  
        })
      });
  
  });
  </code></pre>
  
  <p>and the html template (simplyfied) looks like this:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.3.5/paper/bootstrap.min.css", rel="stylesheet"&gt;
          &lt;meta charset="utf-8"&gt;
      &lt;/head&gt;
      &lt;body&gt;
  
          &lt;div class="container"&gt;
              &lt;h1&gt;Title&lt;/h1&gt;
              &lt;%NAME%&gt;
          &lt;/div&gt;   
      &lt;/body&gt;
  &lt;/html&gt; 
  </code></pre>
  
  <p>All the markup is rendered to page, but no styling. Even if I use local css file or include style in <code>&lt;style&gt;</code> element in the head, the results are the same</p>