Icons in the icon font

A basic selection of icons is loaded with an icon font. These icons are needed by various standard functions of the template, e.g. in the navigation menus or in download lists.

A sitemap attribute can be used to select if the Awesome Icons or Bootstrap Icons should be used as a base. This allows you to customize the style of the icons, which cannot be manually modified.

The following icon fonts are currently available:

Awesome Icons (optimized)
Awesome Icons (unoptimized, complete)
Bootstrap Icons

The default setting for new websites is Awesome Icons (optimized).

The Awesome Icons (unoptimized, complete) variant is only required for compatibility with older websites created in previous versions of the Mercury template and should only be selected after consultation with the OpenCms administration.

The following list shows the icon font that is currently selected.

Icons in the icon font

Used icon font: Awesome icons (optimised)

About Icon Fonts

Icon fonts are special web fonts that display pictograms or icons instead of letters. An icon font therefore does not consist of letters and numbers, but of a large selection of icons.

Icon fonts are loaded as web fonts when the page is accessed. The icons can then be integrated/displayed in the appropriate place using special CSS.

Loading a large icon font can negatively affect the loading time of a page, especially if most of the icons in the font are not used at all.

The Mercury template generally uses icon fonts where an icon is needed very frequently, e.g., in navigation menus or download lists (de). Optimized icon fonts are offered for this purpose, which only contain the most frequently used icons.

In the current version of the Mercury templates, individual icons are often embedded directly into the page as “inline” SVG graphics. This allows the use of rarely used icons or icons from different icon font collections at the same time without having to load the entire font each time.