css 调整reveal.js中的字体大小

dnph8jn4 于 2023-01-03 发布在其他

关注(0)|答案(2)|浏览(157)

我尝试使用Reveal.js来构建一个响应迅速的UX组合。但是，我注意到我在样式表中编写的大多数属性都被覆盖了。有没有办法强制使用Reveal.js的幻灯片使用自定义CSS来设置字体大小和其他设置？

css

来源：https://stackoverflow.com/questions/43927444/adjust-font-size-in-reveal-js

2条答案

按热度按时间

zpgglvta1#

是的。当然这不是最好的方法，但是简单实用。小心地在你想调整的设置上加上"! important"。比如：

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

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

希望这有帮助!

赞(0）回复(0）举报 2023-01-03

pkmbmrz72#

您可以覆盖变量--r-main-font-size-revealjs提供的所有开箱即用主题都使用该变量。

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

赞(0）回复(0）举报 2023-01-03

我来回答

css 调整reveal.js中的字体大小

2条答案

相关问题

热门标签

最新问答