在reveal.js中调整字体大小

Question

我正在尝试使用Reveal.js构建一个响应式的UX作品集。然而，我发现我的样式表中编写的大多数属性被覆盖了。有没有一种方法可以强制使用自定义CSS来设置字体大小和其他设置来制作Reveal.js幻灯片展示呢？

- Jurgen Mantzke

Answer 1

是的，有这个功能。虽然这可能不是最好的方法，但它简单且实用。请注意，在您需要进行调整的设置后添加“！important”即可。例如：

.reveal section p {
    font-weight: bold !important;
    font-size: 1.1em !important;
}

.reveal section pre code {
    font-size: 0.7em !important;
}

希望这可以帮到你！

- Sabucodonozorr

Answer 2

您可以覆盖变量--r-main-font-size，该变量被revealjs提供的所有现成主题使用。

<style type="text/css">
    :root {
        --r-main-font-size: 30px;
    }
</style>

- Jay