@fluentui/react-icons 2.0.169-rc.6 → 2.0.170-rc.7

package/README.md

@@ -86,6 +86,22 @@ ReactDOM.render(
     )
 ```
 
+Using the icon font
+---
+If, for performance or other reasons, you wish to use the font implementation of these icons rather than the SVG implementation, you can specify `"fluentIcontFont"` as a condition for the import, either via [Node >= 12.19.0](https://nodejs.org/dist/latest-v16.x/docs/api/packages.html#resolving-user-conditions) or [webpack >= 5.0.0](https://webpack.js.org/configuration/resolve/#resolveconditionnames).
+
+```js
+// webpack.config.js
+module.exports = {
+  //...
+  resolve: {
+    conditionNames: ['fluentIcontFont', 'require', 'node'],
+  },
+};
+```
+
+If you do choose this route, you may wish to use `@fluentui/react-icons-font-subsetting-webpack-plugin` to optimize the font assets.
+
 Viewing the icons in a webpage
 ---
 You can view the full list of available icons by type: [regular](https://github.com/microsoft/fluentui-system-icons/blob/master/icons_regular.md) or [filled](https://github.com/microsoft/fluentui-system-icons/blob/master/icons_filled.md)