Font componentAvailable since EcoComposer 2.2

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 defaults 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>
^