diff --git a/packages/icon/README.md b/packages/icon/README.md index 9f4b9c61..a593d677 100644 --- a/packages/icon/README.md +++ b/packages/icon/README.md @@ -51,6 +51,31 @@ ``` +### 自定义图标 + +如果需要在现有 Icon 的基础上使用更多图标,可以引入第三方 iconfont 对应的字体文件和 CSS 文件,之后就可以在 Icon 组件中直接使用。例如,可以在 `app.wxss` 文件中引入。 + +```css +/* 引入第三方或自定义的字体图标样式 */ +@font-face { + font-family: 'my-icon'; + src: url('./my-icon.ttf') format('truetype'); +} + +.my-icon { + font-family: 'my-icon'; +} + +.my-icon-extra::before { + content: '\e626'; +} +``` + +```html + + +``` + ## 常见问题 ### 开发者工具上提示 Failed to load font 是什么情况?