Changing Fonts and Font Properties

About this task

Changing the characteristics of the fonts used to display search results and links in your application is done using the Settings tab's Theme > Simple pane, as shown earlier in Figure 2.

Procedure

Click edit to display the edit screen shown earlier in Figure 1.
This enables you to enter new properties for the following fonts:
- Body Font - the font properties used when rendering all text on a page.
- Link Font - the font properties used when rendering all links on a page.
- Link Visited Font - the font properties used when rendering links on a page after they have been visited.
You can enter any valid Cascading Style Sheet (CSS) values for these fonts. For example, you could enter the following string in the Body Font area to have your application use a Roman font in all body text:
```
  font-family: Roman;
```
Note: Changes made to the Body Font will automatically propagate to any other text that appears within the body of the query or search results screen due to the inheritance of CSS properties within the body of a web page. To explicitly use a different font for text objects such as link text or visited link text, you must set the font properties for those objects.
Once you have finished changing font properties, click OK to save your changes.

Any subsequent search done using your application will use the new font properties that you specified.

Results

In addition to these commonly-modified fonts, Watson™ Explorer Engine also enables you to configure the properties of other fonts used on the query and search results screens. These additional font configuration options are located on the Theme > Advanced pane, as shown earlier in Figure 1. To view this pane, make sure that the Settings tab for your display is selected, and click Theme. The Simple theme settings pane opens by default. Click Advanced to display the advanced settings pane.

The font settings that you can specify on the Theme > Advanced configuration pane are the following:

Link Hover Font - specifies the properties of the font used to display links when the mouse is positioned over them on a search results page
Link Active Font - specifies the properties of the font used to display active links while clicking on them.
Search Intro Font - specifies the properties of the font used in the search results page header to identify the number of the results that you are viewing.
Search Details Link Font - specifies the properties of the font used in the search results page header's Details link.
Navigation Header Font - specifies the properties of the font used in the headers of navigation boxes such as 'Topic Clusters' or 'Refine By'.
Term Highlighting Font - specifies the properties of the font used to highlight the term(s) that you searched for (and their stems) in the titles and bodies on the search results page.
Num Docs Font - specifies the properties of the font used to identify the number of search results in each cluster or refinement in the navigation pane.
URL Font - specifies the properties of the font used to display the URL of a document on a search results page.

To modify the properties of any of these fonts, click edit. Once you are done making changes, you can click Apply to save your changes at any time and continue editing, click Cancel to discard any un-saved changes and return to the Theme > Advanced pane, or click OK to save your changes and return to the Theme > Advanced pane.

To proceed with this tutorial, click Modifying Headers and Footers.