Default font settings and default font size options in drop down list

1. Currently on my network, with a NingJa skin, the default font seems to be something around 10 or 11. What I really want for a target audience that includes many older netizens is a default font of 12 (which I use with the Arial font style, for plain sailing, so to speak).

Where in the world (and JR is a world) do we find the settings to control the default font, and other default text editor settings?

2. Another curious thing is that the default font size options (shown in a drop down list) are different in different modules.

The font size series that I see in various modules form two sets (A and B):

(Set A) 8. 9, 10, 11, 12, 26, 36 -> Ning Notes, Group discussions, Group pages, Profile pages, Forum, FAQ, Documentation, Blog (a list with seven choices)

(Set B) 8, 10, 12, 14, 18, 24, 36 --> Site Builder widget (HTML editor) (a list with seven choices)

The Site Builder series looks much better to me, if it could become a standard for all modules.

I can't imagine many situations where very tiny or very large fonts would be needed for a text shown on screens.

For user readability purposes, I think around 12 may be ideal for most fonts for most devices. The actual ideal range must be something that is well known in the website design industry. I am not an expert!

Here is my guess for an ideal default range of font size options (Set C):

10, 11, 12, 14, 18, 24, 32 (seven choices again, with extremes removed, and more choice in the zone of readability).

What do other JR users prefer?

Set A, B, C, or something else?





--
PJ Matthews, Kyoto
Migrated from Ning 2.0. Now at Jamroom 6 beta and using Jamroom Hosting for The Research Cooperative (researchcooperative.org)
updated by @researchcooperative: 03/28/17 10:55:38PM

In your ACP, go to your active SKIN- and to the STYLE tab.

There in the "style editor", look through the drop-down menu and the main ones you'll want to look at are:
site.css and html.css.

Check the sizes of fonts and background colors in all the style TABS of both site.css and html.css (the tabs like 'color and font', advanced, 'untagged', etc)
I have lots of older members and I find 13 point text in general rather than 12pt is nice.

You mention the 'text editor'- are you referring to the tinymce text input window? I'm not sure where you would go to control the default font size for the tinymce 'text editor'. My members have never complained on that so I never looked into changing it, or whether it's even possible.

The place to see your font selection is in html.css
I have "open sans, Tahoma, sans serif" selected, which I find very readable. It's currently set to 14pt for the 'body' section.

Work with your site.css and htmal.css settings and see if it governs the various parts of your site that you need it to. Only if you find an area that's NOT changing to what you want should you then delve into exploring the font styles in each various module/area... could be the overall settings control all sufficiently- they did for me, I didn't need to go in module by module. The things like your header/footer links font styling however..like whether you want them all caps and what color font...would (naturally) be set in your header.css and footer.css.
Don't forget to clear cache to see the results, or temporarily put your site in developer mode to see results immediately.

I stumbled through all of this back when building my site almost 2 years ago, so I don't really know if this is the best or most direct way to set font styles, but it worked for me. Maybe the JrTeam will have more accurate or elegant suggestions.


--
...just another satisfied Jamroom customer.
Migrated from Ning to Jamroom June 2015
updated by @strumelia: 12/28/16 07:46:37AM