Tips: text size

NO-MARKDOWN <div class="incremental auto"> <div class="boxed" style="margin-bottom: 0.6em;"> <h3>Keyboard</h3> <p> <span class="keyboard " title="zero">0</span> &nbsp;&nbsp;&nbsp;reset font size <br> <span class="keyboard " title="1">1</span> <span class="keyboard " title="2">2</span> <span class="keyboard " title="3">3</span> <span class="keyboard " title="4">4</span> <span class="keyboard " title="5">5</span> <span class="keyboard " title="6">6</span> <span class="keyboard " title="7">7</span> <span class="keyboard " title="8">8</span> <span class="keyboard " title="9">9</span> &nbsp;&nbsp;&nbsp;increase font size <br> <span class="keyboard " title="R">r</span> &nbsp;&nbsp;&nbsp;toggle reflow/fixed-ratio rendering <br> </p> </div> <div class="boxed" style="margin-bottom: 0;"> <h3>Buttons</h3> <p> <span class="symbols pale-greenx" title="text size">&#xf00e;</span> &#8658; cycle font sizes <br> <span class="symbols pale-greenx" title="text size">&#xf15c;</span> &#8658; toggle reflow/fixed-ratio rendering </div> <p style="text-align: right; font-size: 80%; margin-bottom: 1em;"> (display button panel with <span class="keyboard " title="C" style="padding-left: 0.4em; padding-right: 0.4em;">c</span> or <span class="code">[tap]</span> / <span class="code">[click]</span> <!-- span class="symbols pale-greenx" title="tap">&#xf0a6;</span --> ) </span> <div class="paper" style="padding: 0.5em;"> <p style="font-size: 0.8em;"> Accessibility: in fixed-ratio mode (default), slide content <strong>reflows</strong> and <strong>scrolls</strong> when the text is enlarged. In reflow mode, a slide behaves like a regular web page (text magnification and scrolling is controlled by the web browser itself). </p> </div> <p style="text-align: right;"> <span class="fade" style="font-size: 0.8em;"><em>Note:</em> the settings are stored as cookies.</span> </div>