title: Prism.js overrides font-family CSS
body: <p>I am using prism.js to syntax-highlight the code in a series of articles about three.js that I have been writing.  Works great EXCEPT that no matter what I do, I can't seem to override the font family.  The code is always rendered in Courier. I don't like Courier - too heavy and hard to read (IMO).</p>
  
  <p>I created a JSFiddle <a href="https://jsfiddle.net/richardkylewright/vqnLkunu/8/" rel="nofollow noreferrer">here</a> demonstrating this.</p>
  
  <pre><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.6.0/prism.js"&gt; &lt;/script&gt;
  &lt;style&gt;
      pre {  
         font-size: 90%;
         font-family: "Lucida Sans Typewriter", "Lucida Console", Monaco, monospace; 
  }
  &lt;/style&gt;
  </code></pre>
  
  <pre>var gfxScene = new GFX.Scene( {
      cameraPos : [-13, 10, 30],
      alphaBuffer: true,
      defaultLights: false,
      controls:true,
      clearColor:0x4444aa,
      shadowMapEnabled:true,
      displayStats: true
      });</pre>
  
  <p>It looks like prism.js deliberately overrides the font-family specification, but perhaps I am just missing something. (It's happened before ;-)</p>