title: PhantomJS PDF Capture Doesn't Pick Up Font Server Fonts
body: <p>I'm using PhantomJS to turn an html page into PDF.  This page uses fonts from cloud.typography.com.  Now the html page itself is fine, and if I manually print it to a PDF, that too is fine.  However, when I use PhantomJS to turn it to a PDF, the server fonts do not show up. </p>
  
  <p>I researched this issue, and while I could find general issues involving fonts, I could find nothing on this specific case.  The closest thing I could find was a bug in which PhantomJS would use the fallback font even if the primary one was available, but removing the fallback font didn't fix the issue for me.</p>
  
  <p>Is this a known bug? Did I do something wrong?  Do you know of any work-arounds?  </p>
  
  <p>Here's the (generic) html to PDF rendering script I'm using.  I'm parametizing the page on the command line:</p>
  
  <pre><code>var page    = require('webpage').create(),
       args   = require('system').args,
  if ( args[2].split('.').pop() == 'pdf' ) { 
      page.viewportSize = { width:1920, height:1080 };
      page.paperSize = {
          width: '8.5in',
          height: '11in',
      };
  }
  page.open(args[1], render);
  function render() {
     page.render(args[2]);
     phantom.exit();
  }
  </code></pre>
  
  <p>Here's a relevant html snippet that points to the font server and the style sheet:</p>
  
  <pre><code>&lt;link rel="stylesheet" type="text/css" href="print.css"&gt;
  &lt;link rel="stylesheet" type="text/css" href="//cloud.typography.com/7787052/625786/css/fonts.css" /&gt;
  </code></pre>
  
  <p>And here's a relevant section from print.css that references the fonts:</p>
  
  <pre><code>body {
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-weight: 400;
    font-style: normal;
    margin: 0;
    padding: 0; 
  }
  </code></pre>