css - 更改经过 google 美化的文本的字体

Question

我正在尝试更改我通过 google-code-prettify 运行的一些文本的默认字体，在 Angular Directive(指令)内。

我的指令服务的模板是这样的。

<pre class= "prettyprint" style= "border:1px solid #98AFC7">
    My Text
</pre>

我尝试使用的 CSS 是这样的。

pre.prettyprint{font-family:monospace; font-style: italic}

字体样式是为了让我自己确信事情确实正确地连接起来了。 “我的文本”是斜体，所以我会说它们是。但是，根本没有应用字体系列。

有人知道如何为这样的模板正确指定字体吗？

Answer 1

prettyPrintOne，我现在发现，将“span”标签注入(inject)到您提供的任何文本中。我还必须为“span”标签指定字体。