Font componentAvailable since EcoComposer 2.2

Font examples
Default SCSS values
SCSS implementation
HTML implementation

Classical Font example :

This component allows you to use super characters .

We are pretty sure that you will find what you are searching for !

The default values are :

icons : (),
icon--right-margin : .5rem,
suffix : ''

We can implement it that way :

// You must at least provide a list of icons that you want to include
@include font.create(
  (icons : ('smiling-face-with-open-mouth', 'winking-face'))
);

// If you put the 'all' value instead, it will load all the icons. Use it only for tests as it is really heavy!
@include font.create(
  (icons : ('all'))
);

// If you put a subset name, it will load all the subset. Be sure that you use all these icons to stay ecoresponsible!
@include font.create(
  (icons : ('emoticons'))
);

// You can specify a right-margin too.
@include font.create(
  (
    icons : ('smiling-face-with-open-mouth', 'winking-face'),
    icon--right-margin : 0
  )
);

We can implement it that way :

<b class="ec-icon ec-smiling-face-with-open-mouth"></b>