Quarto Revealjs：增加代码块的相对字体大小

Question

在 quarto Revealjs 中，代码块的字体大小小于文本的字体大小。更改基本字体（使用fontsize）只会按比例更改所有内容。我希望能够调整代码块的相对字体大小。我认为这涉及自定义 CSS，但我不确定要更改什么。

---
format:
  revealjs
---

* Here is text

```{r echo=TRUE, eval=FALSE}
str(mtcars)
```

输出如下所示：

更新：修改我提出的问题的答案font-size。code.sourceCode修改font-sizeforcode会更改代码、输出的大小，并且还会更改所有逐字元素的字体大小。不幸的是，对于许多用例来说，它会改变太多。

Answer 1

增加font-sizefor code.sourceCodecss 选择器。

---
format:
  revealjs
---

* Here is text

```{r echo=TRUE, eval=FALSE}
str(mtcars)
```


```{css}
code.sourceCode {
  font-size: 1.3em;
  /* or try font-size: xx-large; */
}
```

要更改代码块代码和输出的字体大小，请仅使用code标签作为 css 选择器。

---
format:
  revealjs
---

* Here is text

```{r echo=TRUE}
str(mtcars)
```


```{css}
code {
  font-size: 1.3em;
  /* or try font-size: xx-large; */
}
```

Answer 2

如果您只想对某些代码执行此操作，您可以定义一个新的 CSS 类并仅在需要时使用它：

title: "Untitled"
format: revealjs
---

## First Slide

```{css echo=FALSE}
.big-code{
  font-size: 200%  
}
```

<div class=big-code>
```{r echo=TRUE, eval=FALSE}
str(mtcars)
```
</div>

## Next Slide


```{r echo=TRUE, eval=FALSE}
str(mtcars)
```