title: reveal.js slide number size increase in Reveal.initialize() without css
body: <p>I want to increase the size of the slide numbers in reveal.js.</p>
  <p>I can change the font-size in my local css file at <code>reveal.js/dist/reveal.css</code>, but this changes the font for all my presentations. Besides that, it's not easy to work with the single line css file there. Is there a way to do it directly in the initialization?</p>
  <p>I see at <a href="https://revealjs.com/slide-numbers/" rel="nofollow noreferrer">https://revealjs.com/slide-numbers/</a> that I could also add a custom format slide number, but trying the following doesn't work:</p>
  <pre><code>                slideNumber: slide =&gt; {
                          // Ignore numbering of vertical slides
                          return [
                          Reveal.getIndices( slide ).h
                          Reveal.getIndices( slide ).v
                          ];
                      }
  </code></pre>
  <p>Here's an example of how my presentation is created in html:</p>
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang=&quot;en&quot; xmlns=&quot;http://www.w3.org/1999/html&quot;&gt;
  
      &lt;head&gt;
          &lt;meta charset=&quot;utf-8&quot;&gt;
  
          &lt;title&gt;Final presentation&lt;/title&gt;
  
          &lt;meta name=&quot;description&quot; content=&quot;MSc. Thesis progress meeting&quot;&gt;
          &lt;meta name=&quot;author&quot; content=&quot;Wolke Wanderer&quot;&gt;
  
          &lt;meta name=&quot;apple-mobile-web-app-capable&quot; content=&quot;yes&quot;&gt;
          &lt;meta name=&quot;apple-mobile-web-app-status-bar-style&quot; content=&quot;black-translucent&quot;&gt;
  
          &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
  
          &lt;link rel=&quot;stylesheet&quot; href=&quot;reveal.js/dist/reset.css&quot;&gt;
          &lt;link rel=&quot;stylesheet&quot; href=&quot;reveal.js/dist/reveal.css&quot;&gt;
          &lt;link rel=&quot;stylesheet&quot; href=&quot;reveal.js/dist/theme/white.css&quot; id=&quot;theme&quot;&gt;
  
          &lt;!-- Theme used for syntax highlighting of code --&gt;
          &lt;link rel=&quot;stylesheet&quot; href=&quot;reveal.js/plugin/highlight/monokai.css&quot; id=&quot;highlight-theme&quot;&gt;
      &lt;/head&gt;
  &lt;body&gt;
  
  &lt;div class=&quot;reveal&quot;&gt;
  
              &lt;!-- Any section element inside of this container is displayed as a slide --&gt;
              &lt;div class=&quot;slides&quot;&gt;
                  &lt;section&gt;
                      &lt;h2&gt;Test title&lt;/h2&gt;
                      &lt;p&gt;I want big slide numbers for a presentation in a lecture hall&lt;/p&gt;
                  &lt;/section&gt;
              &lt;/div&gt;
  
  &lt;/div&gt;
  
          &lt;script src=&quot;reveal.js/dist/reveal.js&quot;&gt;&lt;/script&gt;
          &lt;script src=&quot;reveal.js/plugin/zoom/zoom.js&quot;&gt;&lt;/script&gt;
          &lt;script src=&quot;reveal.js/plugin/notes/notes.js&quot;&gt;&lt;/script&gt;
          &lt;script src=&quot;reveal.js/plugin/search/search.js&quot;&gt;&lt;/script&gt;
          &lt;script src=&quot;reveal.js/plugin/markdown/markdown.js&quot;&gt;&lt;/script&gt;
          &lt;script src=&quot;reveal.js/plugin/highlight/highlight.js&quot;&gt;&lt;/script&gt;
          &lt;script src=&quot;reveal.js/plugin/math/math.js&quot;&gt;&lt;/script&gt;
  
          &lt;script&gt;
              let notes = document.querySelectorAll('aside.notes');
                  notes.forEach(n =&gt; {
                  let html = n.innerHTML;
                  html = html.trim().replace(/\n/g, '&lt;br/&gt;');
                  n.innerHTML = html;
              });
  
              // Also available as an ES module, see:
              // https://revealjs.com/initialization/
              Reveal.initialize({
                  controls: true,
                  controlsBackArrows: 'faded',
                  progress: true,
                  center: true,
                  hash: true,
                  autoPlayMedia: true,
                  totalTime: 1800,
                  minimumTimePerSlide: 30,
                  transition: 'slide',
                  showHiddenSlides: true,
                  slideNumber: true,
  
                  math: {
                      // mathjax: 'https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.0/MathJax.js',
                      config: 'TeX-AMS_HTML-full',
                      TeX: {
                          Macros: {
                              R: '\\mathbb{R}',
                              set: [ '\\left\\{#1 \\; ; \\; #2\\right\\}', 2 ]
                          }
                      }
                  },
  
                  // Learn about plugins: https://revealjs.com/plugins/
                  plugins: [ RevealMath, RevealZoom, RevealNotes, RevealSearch, RevealMarkdown, RevealHighlight ]
              });
  
          &lt;/script&gt;
  &lt;/body&gt;
  
  
  &lt;/html&gt;
  </code></pre>