Prism.js覆盖了font-family CSS

Question

我正在使用prism.js语法突出显示我写过的关于three.js的一系列文章中的代码。工作得很好，除了我做什么，我似乎无法覆盖字体系列。代码始终在Courier中呈现。我不喜欢Courier--太沉重，难以阅读（IMO）。

我创建了一个JSFiddle here来证明这一点。

<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.6.0/prism.js"> </script>
<style>
    pre {  
       font-size: 90%;
       font-family: "Lucida Sans Typewriter", "Lucida Console", Monaco, monospace; 
}
</style>

var gfxScene = new GFX.Scene( {
    cameraPos : [-13, 10, 30],
    alphaBuffer: true,
    defaultLights: false,
    controls:true,
    clearColor:0x4444aa,
    shadowMapEnabled:true,
    displayStats: true
    });

看起来prism.js故意凌驾于字体系列规范之上，但也许我只是遗漏了一些东西。 （它之前发生过; - ）