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>