Question

我在reveal.js网站上有以下代码：

<head>
    <style type="text/css">
    ol li {
            font-size: 5px;
    }
    </style>
</head>
<body>
<div class="reveal">
    <div class="slides">
        <section>
            <h3>foo</h3>
            <ol>
                <li value=2>
                    bar
                </li>
                <li value=4>
                    baz
                </li>
            </ol>
        </section>
    </div>
</div>

我想更改有序列表中的数字大小，但我添加的css样式并没有实现。是否有reveal.js特定的类我必须覆盖？

Answer 1

只需修改您正在使用的主题的css文件即可。

主题文件位于文件夹/ css / theme / [yourtheme] .css

如果您打开该文件，您将看到不同字体的部分（下面的部分用于标题）。您可能希望查找负责更改主题的特定元素的css。

.reveal h1,
.reveal h2,
.reveal h3,
.reveal h4,
.reveal h5,
.reveal h6 {
margin: 0 0 20px 0;
color: #eee8d5;
font-family: "League Gothic", Impact, sans-serif;
line-height: 0.9em;
letter-spacing: 0.02em;
text-transform: uppercase;
text-shadow: none; }

您可以在此修改文字的不同属性，包括字体。

希望这有帮助！如果您有任何其他问题，请询问！

reveal元素的reveal.js字体大小

1 个答案: