Here you will find all options available int the theme option page of Anitya with a explanation, type and default value from the base preset. The font page contains four sections, we will observe one by one.
Fonts from Google.
In this section you will choose which font to which element. You also need to choose one or more variations : styles such as bold and italics have their fonts.
Choose a font for paragraphs. We will take for example the font Roboto because it offers several variations: Choose as font for paragraphs Roboto. Once loaded you will see example display on the right.
Now next to Variants you will see Regular which is the mandatory style for any font. So that the text in bold and italic appears good in your website, you should choose the corresponding variants. In this case select the 300, 300 Italic, 700 and 700 Italic. We intentionally deviating the Regular style that we do not like so much.
Many police has only mode Regular. Bold and italic will therefore rendering random manner following browsers.
Choose a Variant as default
Once several variants displayed a new menu item appears below, to choose which version to use by default. In this example if we select 600, all paragraphs will be displayed in bold. If we select 300, all paragraphs will light mode, what we want, so select it.
The 'Subsets' are only used for some languages, if you need select the ones that suit you.
Here you can adjust the size of each element typography.
Select any item in this section to capital. This style is often appreciated for h4, h5, h6.
In this section, you can choose to calculate different font sizes for the different screen sizes. The ratio for widescreen multiply the size as said split tablet and phones.
For paragraphs, we select a size of 16px.
Wide screen ratio: 16 * 1.2 = 19px
Tablet Ratio: 16 /1.2 = 13px
Phones Ratio: 16 /1.3 = 12px
If 1 is selected, no change will be made in sizes chosen in the section "Font size" above.