css - Google Prettify 行号和字体

Question

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

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

我有一个单独的 CSS 用于美化(我知道它有效，因为 bg 颜色发生变化等。只有字体系列和字体大小没有。奇怪的是字体粗细确实有效)。

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 尝试使用另一个单位，看看它是否给你任何结果。让我知道它是否有效。