Options: Typography
With the Weaver Xtreme basic version, each area has the ability to set font color, size, family, bold, and italic. All font sizes are set using general size option, and use the ’em’ unit.
In addition, the design is based on a single “Site Base Font Size”. This value is expressed in px, and defaults to 16px. This means the default medium font size is 16px. All other text elements are sized in ’ems’ using that base size. This means that 1em equals 16px. Changing the base font size affects all other font sizes such as headings, titles, etc.
Note that it still possible to set the size and font family using Custom CSS Rules with the Weaver Xtreme basic version. However, Weaver Xtreme Plus provides much greater control over fonts.
The Custom A and B font size options on the Main Options Custom & Fonts tab allow you to define a new font size to use anywhere the Font Size option shows. So you might want a really big font and put 6 in the font size box.
See Basic Web Fonts and Google Fonts supported by Weaver Xtreme
Weaver Xtreme Plus Font Control
The Weaver Xtreme Plus Font Control will allow you add Google Fonts and other free and commercial fonts. The added Google Fonts will be automatically added to the Font Family selection options after they’ve been defined.
Typography Custom Options
The Typography -> Global panel allows you to set some custom options. These options tend to be more advanced, and many are supported only by Weaver X.
Site Base Font Size
One of the most important custom options is the Site Base Font Size. The default for this is 16px, and determines the default font size used by your site. When used with most browser default font size, visitors will see fonts 16 px. The end user can change what the default font is on the browser, so this value does not guarantee that is the size the user will see.
In all other places on the site, the font sizes are mostly determined by the relatively new HTML ‘rem’ unit. Some sizes use em or % for better responsive display. If you are unfamiliar with ‘rem’, you can read more about it on the web, but many web designers believe that using ‘rem’ font sizes is best design practice, and Weaver Xtreme has adopted that practice.
Smart Margin Width
Another important custom option is the Smart Margin Width. This is a Weaver Xtreme Plus only feature. This value is used to determine the automatic horizontal margins (spacing or gutters, really) generated by Weaver Xtreme between some horizontal areas (like between the content and the sidebars). The default value of 1% leads to very good looking sites, with an appealing amount of spacing. If you need looser or tighter horizontal spacing, you can change this value.
Custom Font Size and Families
Weaver Xtreme Plus allows you to specify two custom font sizes and families. These choices are available directly from the font size and font family options found with most text areas.
The custom font family is most useful when used with a custom font. This is typically done by adding a <link> or other HTML code to the <head> section to load a font from your own or an external site. You would then specify the name of the font family provided by that font in one of the custom font family boxes.