# @foxythemes/material-design-iconic-font 中文文档
规范地址：https://npmcn.com/package/%40foxythemes/material-design-iconic-font/
版本：2\.2\.1
npm 元数据更新时间：2022-06-12T18:07:43.236Z
中文译文更新时间：2026-11-15T10:59:04.386Z
软件包许可：MIT
本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。
原始 npm 页面：https://www.npmjs.com/package/%40foxythemes/material-design-iconic-font
原文对照：https://npmcn.com/package/%40foxythemes/material-design-iconic-font/?lang=original
项目主页：https://zavoloklom.github.io/material-design-iconic-font/
源码仓库：https://github.com/foxythemes/material-design-iconic-font
## 关键信息（来自 npm 元数据）
- TypeScript 类型：未声明
- 运行依赖：0 个
- 首次发布：2016-10-14T01:16:36.458Z
- 最新版本发布：2016-10-14T01:24:52.739Z
- 近 30 天下载量：2860（2026-10-16 至 2026-11-14，npm 官方下载统计）
- 已发布版本数：2（近 12 个月 0 个）
## 中文简介
材料设计图标字体和CSS工具包
## 安装
```sh
npm install @foxythemes/material-design-iconic-font
```
也可以使用：`pnpm add @foxythemes/material-design-iconic-font`、`yarn add @foxythemes/material-design-iconic-font`、`bun add @foxythemes/material-design-iconic-font`
## README
# [材料设计图标字体 2.2.0](http://zavoloklom.github.io/material-design-iconic-font)
[! \[Lasters version\] (https://img.shields.io/github/release/zavoloklom/material-design-iconic-font.svg?style=flate-square&label=latest version) (中文(简体) )](https://github.com/zavoloklom/material-design-iconic-font/tags) [\[软件许可证\](https://img.shields.io/badge/license-MIT) 许可证/SIL OFL 1.1-blue.svg?style=平方平方](https://npmcn.com/package/%40foxythemes/material-design-iconic-font/LICENSE) [](https://github.com/zavoloklom/material-design-iconic-font/tags)
[](https://www.npmjs.com/package/material-design-iconic-font) [](https://david-dm.org/zavoloklom/material-design-iconic-font) [](https://david-dm.org/zavoloklom/material-design-iconic-font#info=devDependencies) [](https://www.npmjs.com/package/material-design-iconic-font)
[](http://zavoloklom.github.io/material-design-iconic-font/)
### 材料设计图标字体和CSS工具包
材料设计图标 字体是一套完整的官方材料设计图标(由 [谷歌](https://github.com/google/material-design-icons)),并增加了社区设计和 [品牌图标](https://github.com/zavoloklom/material-design-iconic-font/tree/master/svg/brands) 用于网站或桌面上的易缩放矢量图形.
材料设计 图标是官方开源 [图标](http://www.google.com/design/spec/resources/sticker-sheets.html#sticker-sheets-components) 在谷歌中显示 [材料设计](http://www.google.com/design/spec) 规格.
**开始吧** 时间 [http://zavoloklom.github.io/ 材料-设计-音理-font](http://zavoloklom.github.io/material-design-iconic-font)
**升级** 从1.x到2.x在旧文档中 [http://zavoloklom.github.io/ 材料-设计-音理-font/v1/](http://zavoloklom.github.io/material-design-iconic-font/v1/)
**用作弊表发行**: 如果您认为图标与出错表页面不符, 请读取 [问题47](https://github.com/zavoloklom/material-design-iconic-font/issues/47)。 。 。 .
### 安装
**下载 :** [2.2.0 (津巴布韦语)](https://github.com/zavoloklom/material-design-iconic-font/releases/download/2.2.0/material-design-iconic-font.zip)
**鲍尔:** `bower install material-design-iconic-font`
**国家预防机制:** `npm install material-design-iconic-font`
### 开始
#### CSS 打开 [光盘](https://cdnjs.com/libraries/material-design-iconic-font)
感谢cdnjs.cloudflare.com,您可以使用CDNjs在您的网站上添加MD Iconic字体,而无需下载或安装任何东西!
- 将以下代码粘贴入您网站的 HTML 区域.
``
- 看看这个 [实例页](http://zavoloklom.github.io/material-design-iconic-font/examples.html) 开始使用材料设计图标字体 !
#### BASIC: 默认 CSS
使用这种方法获取默认的材料设计图标字体 CSS.
- 下载最新版本的材料设计图标字体 .
- 解开整个包 `material-design-iconic-font` 存档到您的工程 .
- 在你的html中,请参考你的材料设计 - iconic - font.min.css的位置.
``
- 看看这个 [实例页](http://zavoloklom.github.io/material-design-iconic-font/examples.html) 开始使用材料设计图标字体 !
#### 提议:自定义最低业务标准/特别服务标准
使用这种方法来自定义使用LESS或SCSS的材料设计图标字体.
- 下载最新版本的材料设计图标字体 .
- 解开整个包 `material-design-iconic-font` 存档到您的工程 .
- 打开您的项目 `path/to/material-design-iconic-font/less/variables.less` 或者说 `path/to/material-design-iconic-font/scss/_variables.scss` 编辑 `@zmdi-font-path` 变量指向您的字体目录.
> @zmdi-font-path:";
- 您可以更改前缀 `zmdi` 通过编辑到其它东西 `@zmdi-icon-prefix` 内 `path/to/material-design-iconic-font/less/variables.less` 或者说 `path/to/material-design-iconic-font/scss/_variables.scss`
> @zmdi-icon-前缀:zmdi;
- 如果使用静态编译器, 请重新编译您的 LESS .
- 看看这个 [实例页](http://zavoloklom.github.io/material-design-iconic-font/examples.html) 开始使用材料设计图标字体 !
### 许可证
关于材料设计图标字体如何获得许可和“感谢”部分的全部细节: [许可证页](http://zavoloklom.github.io/material-design-iconic-font/license.html)。 。 。 .
### 浏览器支持
- 颜色 21+
- Firefox 22+ (英语)
- 歌剧院 12.1+
- 萨法里6.1+
- IE 10+ 数据
- Android 浏览器 4.3+
- 不支持在 Opera Mini 中
事实上,它可以在早期版本的浏览器中相应工作到 [caniuse.com (英语)](http://caniuse.com/) 出入口(您可以检查ttf,woff,变形和动画属性),但我不能测试.
### 更改日志
v2.2.0: (中文(简体) )
- 添加33个新图标
- 变动 `main` 在bower.json的章节中
- 修理 `seat` 财务报告和审定财务报表 `gradient` 图标
- 更改类别 `zmdi-stack-overflow` 改为 `zmdi-stackoverflow`
- 变动 `google`, (中文(简体) ), `google-plus`, (中文(简体) ), `google-plus-box` 财务报告和审定财务报表 `paypal` 图标
[2.2.0 GitHub 里程碑](https://github.com/zavoloklom/material-design-iconic-font/issues?milestone=5&page=1&state=closed)
页:1
- 添加 WOFF2 支持
- 删除 2. 0 SVG 图标文件
- 添加 EOT 和 SVG 字体文件( 不包括在 ass 中)
[2.1.2 GitHub 里程碑](https://github.com/zavoloklom/material-design-iconic-font/issues?milestone=6&page=1&state=closed)
v 2.1.1: (中文(简体) )
- 修复别名 LASS/ SASS 文件中的错误
v2.1.0: (中文(简体) )
- 将基准字体文件夹改为“ fonts ”
- 选择和重命名图标以更好地搜索
- 修改 LESS/SASS 中的变量前缀 `md-` 改为 `zmdi-`
- 更改 LESS/SASS 中的帮助类前缀 `zmd-` 改为 `zmdi-hc-`
- 更改 LESS/SASS 中的变量前缀 `md-iconset-` 改为 `zmdi-var-`
- 用图标进行一些更改, 使其在 14px 谎言时看起来像素完美
- 添加一些社区图标
- 在方向和社交部分添加一些新图标
[2.1.0 GitHub 里程碑](https://github.com/zavoloklom/material-design-iconic-font/issues?milestone=4&page=1&state=closed)
LESS/SASS/CSS中的所有变化都与2.0具有后向兼容性.
**如果您使用字体作为独立字体 - 您应该仔细更新它, 因为2.1 ttf 文件的欺骗表没有落后于 2. 0 的相容性 。 对不起,但是在2.0是一个错误,我无法去除而不打破后向兼容性.**
页:1
- 用于显示更好图标的较小/ scs/ css 文件的一些小修改
v2.0.1: (中文(简体) )
- 删除 IE8-9 钩子
- 修补“ ! 默认” 以正确使用 sass 代码
[2.0.1 GitHub 里程碑](https://github.com/zavoloklom/material-design-iconic-font/issues?milestone=2&page=1&state=closed)
v 2. 0.0:
- 添加新的 Google 图标
- 删除重复的图标以缩小字体大小
- 为更好的搜索而选择和重命名图标( 与旧图标名称没有后向兼容性)
- 不支持 IE7-8 (删除 eot 和 svg 字体文件)
- 将图标前缀改为“ zmdi- ” , 用于使用 Angular JS 的能力
- 添加“ 固定宽度” 、“ 列表” 和“ 堆积” 类
- 添加 “! 默认” 到 sass 变量
- 将有格氏码的 vars 添加到小/ sass 中
- 为小/ ass 添加嵌入式伪类
[2.0.0 GitHub 里程碑](https://github.com/zavoloklom/material-design-iconic-font/issues?milestone=3&page=1&state=closed)
### 版本
材料设计图标 字体将尽可能在语义版本准则下得到维护. 版本的编号将采用以下格式:
`..`
并按下列准则构建:
- 来自 Google 的新图标或更改打破后向相容性凸起主(并重置小和补丁)
- 新的添加,包括新的非 Google 图标, 不打破后向相容性突起( 并重排补丁)
- Bug 修正和 misc 更改会撞出补丁
关于SemVer的更多信息,请访问 [http://semver.org (英语)](http://semver.org/)。 。 。 .
### 作者
- 电子邮件 : [s.kupletsky@gmail.com (英语)](mailto:s.kupletsky@gmail.com)
- 微博: [https://twitter.com/zavoloklom/ 页面存档备份,存于互联网档案馆](https://twitter.com/zavoloklom/)
- GitHub : (中文(简体) ) [https://github.com/zavoloklom/ (英语)](https://github.com/zavoloklom/)
- 代码 : [http://codepen.io/zavoloklom/ 互联网档案馆的存檔,存档日期2013-12-02](http://codepen.io/zavoloklom/)
- 钻: [https://dribbble.com/zavoloklom/ (中文(简体) )](https://dribbble.com/zavoloklom/)
### 捐赠
- 你可以支持我 通过 [付费页](https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=s%2ekupletsky%40gmail%2ecom&lc=US&item_name=Material%20Design%20Iconic%20Font¤cy_code=USD&bn=PP%2dDonationsBF%3abtn_donateCC_LG%2egif%3aNonHosted), (中文(简体) ), [网络货币](https://funding.webmoney.ru/material-design-web-projects) 或者说 [格莱蒂帕伊](http://gratipay.com/zavoloklom/)
## 常见问题
### @foxythemes/material-design-iconic-font 是什么？
材料设计图标字体和CSS工具包
### 如何安装 @foxythemes/material-design-iconic-font？
在项目目录运行 npm install @foxythemes/material-design-iconic-font，或使用 pnpm add / yarn add / bun add。
### @foxythemes/material-design-iconic-font 支持 TypeScript 吗？
该包的 package\.json 没有声明类型入口。需要类型提示时，可以在 npm 上查找社区维护的 @types/foxythemes\_\_material-design-iconic-font 是否存在。
### @foxythemes/material-design-iconic-font 可以商用吗？
@foxythemes/material-design-iconic-font 使用 MIT 许可。宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。以上为概括，不构成法律意见，请以许可原文为准。
### @foxythemes/material-design-iconic-font 的下载量有多少？
根据 npm 官方下载统计，@foxythemes/material-design-iconic-font 在 2026/10/16 – 2026/11/14 这 30 天内被下载 2,860 次，日均约 95 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。
### @foxythemes/material-design-iconic-font 还在维护吗？
最新版本 2\.2\.1 发布于 2016/10/14（10 年前）；至今共发布 2 个版本，其中过去 12 个月发布了 0 个；首次发布于 2016/10/14。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。