Css 谷歌美化行号和字体

Css 谷歌美化行号和字体,css,prettify,Css,Prettify,我一直在玩美容,我很快就让它工作起来了。然而,当我试图更改css文件中的字体时,我似乎看不到浏览器中有任何更改。我使用银条纹作为CMS。在网站的CSS文件中,我有: .typography * { font-family: Ariel, sans-serif; } 我有一个单独的CSS用于美化(我知道它可以工作,因为bg颜色会发生变化,等等。只有字体系列和字体大小不起作用。奇怪的是,字体重量确实起作用) 我正在使用Safari。我不明白我做错了什么?我似乎只有Arial字体。显然Saf

我一直在玩美容,我很快就让它工作起来了。然而,当我试图更改css文件中的字体时,我似乎看不到浏览器中有任何更改。我使用银条纹作为CMS。在网站的CSS文件中,我有:

.typography * {
    font-family: Ariel, sans-serif;
}
我有一个单独的CSS用于美化(我知道它可以工作,因为bg颜色会发生变化,等等。只有字体系列和字体大小不起作用。奇怪的是,字体重量确实起作用)


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

显然Safari不支持正确的monospace。更多信息请参见:

在这里,您可以找到Safari支持的合适字体:



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

谢谢这是一个开始,可能会有所帮助。我认为来自CMS的CSS和用于控制Prettify风格的CSS是相互冲突的,但我会在发现后写一个更新。谢谢你的回答。没问题。如果你对答案感到满意,你应该接受它,这就是它的工作原理。祝你好运好吧,让我们假设它现在可能是导致问题的原因。这可能与CMS有更多的冲突,但我现在会接受,如果我发现更多,我会在以后更新问题。多谢各位-
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 */
}