This page is part of the App Framework Documentation
App Framework is well prepared to use comprehensive icon fonts for your application.
To use an icon font, you have to set true in the configuration:
"useIconFonts": {
"framework7": false,
"material": true,
"ion": false,
"fontawesome": false
}
After you changed the configuration, you have to restart the development server.
Each additional icon font will increase your build size.
As an example with Material Design Icons:
- HTML:
<i class="material-icons">done</i> - Framework7-Vue:
<f7-icon icon="done" />
To display icon fonts in older browsers and Android versions, App Framework will automatically replace ligatures to code. Currently, this works only for the Material icon fonts.
Example: <f7-icon material "done" /> will generate <i class="material-icons"></i>