A new setting has landed in dabblet: Custom font size! It’s incredibly useful for presentations, where you might want to show the code at a very large font size. Also, it makes it possible to adjust the presentation of very small or large demos to give them a more suitable font size.
The setting is saved with every dabblet, so when you share one, you are also sharing its font size. Of course, the viewer can choose to change it if your chosen font size is uncomfortable. You may also change your default local setting the usual way: just set it on a new, unsaved dabblet. Dabblets saved before this feature was added will be displayed with the viewer’s local setting.
The new setting can be triggered by keyboard shortcuts:
- Cmd/Ctrl + + increases font size
- Cmd/Ctrl + - decreases font size
- Cmd/Ctrl + 0 resets the font size to the default
This were also added in the help section, along with the rest of the keyboard shortcuts.
To avoid interfering with the browser default shortcuts, these only apply in editing mode (i.e. when a code area is focused).
Note: This feature is available in the GUI only in browsers that natively support HTML5 slider controls (<input type=”range” />), which currently are WebKit-based browsers, Opera and IE10. In non-supporting browsers, dabblets will still be displayed with their saved font size and the keyboard shortcuts will work, it just isn’t settable through a UI.