Desired Feature: Ability to change font size for page content
v0.17.3Is there any suggested way to change font size through configuration?
Since most of my docs users will prefer bigger font size, I wonder if there's a quick way to change it. An alternative approach would be allowing them to do so client-side with discrete A+ and A- buttons.
It looks like the best (and only) approach for this is by customizing the HTML headers.
Also, this looks related to https://github.com/BookStackApp/BookStack/issues/423 , so in that case I'll follow-up.
Thanks and regards,
On a per page basis you could always do a <font size="16"> or make an arbitrary class and do a <span class="biggertext"> to get bigger text where you want it since inline HTML is supported.
Thanks @domainzero , I was referring to a global-scope setting, but this also helps.
<font size="16"> won't change text in codeblocks unfortunately.
@alariva Throwing this into the 'Custom HTML Head Content' will get you near:
<style>
.page-content {font-size: 1.1em;}
.cm-s-base16-light.CodeMirror {font-size: 14px;}
</style>
For a documentation platform it may be good to have this as on-page controls though 馃 . Good idea.
Would be nice to be in the default toolset. I am missing it too. For the whole page or for the selected text. I guess the idea is that people just zoom in as they like in the browser, but controlling selected text font size easily is pretty expected.
Any news on this?
@drmax24 Nope, Nothing upon the above options for now
.cm-s-base16-light.CodeMirror {font-size: 14px;}
Seems this doesnt do anything to the text in the body but only the heading of the page. Has the code updated to reflect a different reference other than .cm-s-base16-light.CodeMirror?
It would be nice to be able to choose the default font size of each level of heading (an perhaps style in general, some people may want to do something like Wikipedia with some titles in bold sans-serif and others in bold serif) . I generally feel distracted by the big size of headings. I'm more for a slightly bigger heading.
Most helpful comment
On a per page basis you could always do a
<font size="16">or make an arbitrary class and do a<span class="biggertext">to get bigger text where you want it since inline HTML is supported.