Please enable JavaScript to view this site.

Defining font families for HTML output formats

The fonts you define may not always be present on the user's system or may be restricted by some browsers. To avoid just getting the browser's default font you can define font "families" for the fonts you use. This is a list of alternative fonts that the browser will use instead of your chosen font if it is not available.

The font families settings

The settings for this are in Configuration > Publishing Options > WebHelp > HTML Fonts. The same settings are available in the section for Microsoft HTML Help. The fonts you define are global and are used in all HTML output formats (WebHelp, CHM, eWriter, Kindle, ePub and Visual Studio Help).


How to define font families

Help+Manual already has families defined for most common fonts. You can edit the existing families by clicking in the entry. To add a new family just scroll down to the bottom of the list and click in the first empty row.

Rules for font families

The first entry is the name of the font you are defining the family for.

Insert a comma after each font name that is followed by another font name.

All font names that contain spaces must be enclosed in single quotes.

The browser will choose the first alternative font in the list that is available, so define the family in order of preference.

Always insert a standard, web-safe font as the last option if you are using fonts that may not be available.

Generating H1 .. H6 styles for WebHelp

When you are targeting WebHelp you want the main headings in your topics to use the standard HTML H1 through H6 heading styles so that search engines like Google will automatically identify the important subjects in your topics. You can achieve this by using Help+Manual's Heading1...Heading6 style naming convention.

Styles called Heading1 ... Heading6 are exported as H1 .. H6 in HTML

Getting this to work is simple. Just use styles called Heading1 through Heading6 for the headings in your topics that you want to export as H1 through H6 in your HTML output.

The Heading1 style is a predefined standard style that is automatically used for the text in your topic headers by Help+Manual, so the titles of your topics are always automatically exported as H1 styles in HTML.

To use H2 through H6 headings just define additional styles called Heading2 through Heading6 and use them for your sub-headings in your topics. They will then be exported as H2 through H6.

See also:

Text Formatting and Styles