Skip to main content

Usage

Import​

Import the @innomotics/brand-experience-fonts package to your application.

InnomoticsHafferSQ font​

Use 'InnomoticsHafferSQ' as the font-family.

The class InnomoticsHafferSQ can be used to add font-family directly to an element.

<span class="InnomoticsHafferSQ">example text</span>

See the InnomoticsHafferSQ font page for example and more information about the style.

Innomotics UI icon font​

Set the font-family and set the icon code.

Add font-family​

Use 'InnomoticsUiIcons' as the font-family.

The class InnomoticsUiIcons can be used to add font-family directly to an element.

<span class="InnomoticsUiIcons">example text</span>

Select icon code​

Set icon as direct unicode:

<span class="InnomoticsUiIcons">&#e900;</span>

Set icon with css:

Use the code of the icon as content.

.customstyle {
    font-family: 'InnomoticsUiIcons';

    &::before {
        content: '\e900'
    }
}

The font icons can be used with the inno-icon component:

<inno-icon icon-font="e901"></inno-icon>

See the Innomotics UI Icon font page for example and more information about the style.