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