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 不正确支持等宽。查看更多信息： http://www.markwyner.com/post/16123207332/safari-vs-monospace-fonts

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

对于不工作的测量单位 - pt 尝试使用另一个单位，看看它是否能给你任何结果。让我知道它是否有效。