Google Prettify行号和字体

Question

我一直在玩Prettify，我很快就开始工作了。但是，当我尝试更改css文件中的字体时，我似乎无法在浏览器中看到任何更改。我使用Silver Stripe作为CMS。在我的网站的CSS文件中：

.typography * {
    font-family: Ariel, sans-serif;
}

我有一个单独的用于美化的CSS（我知道它有效，因为bg颜色会发生变化，等等只有font-family和font-size没有。奇怪的是font-weight确实有效。）

pre.prettyprint, code.prettyprint {
    font-family:monospace; /* doesn't work why? */
    overflow: auto;
    display: block;
    font-size: 8pt; /* doesn't work */
    background-color: #333; /* this works */
}

我正在使用Safari。我不明白我做错了什么？我似乎只得到Arial字体。

Answer 1

显然Safari不能正确支持monospace。了解更多信息： http://www.markwyner.com/post/16123207332/safari-vs-monospace-fonts

在这里，您可以找到适合Safari的字体：
http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html

对于不工作的测量单位 - pt尝试使用其他单位来查看它是否为您提供任何结果。如果有效，请告诉我。