材料设计图标字体 2.2.0
! [Lasters version] (https://img.shields.io/github/release/zavoloklom/material-design-iconic-font.svg?style=flate-square&label=latest version) (中文(简体) )
[软件许可证](https://img.shields.io/badge/license-MIT) 许可证/SIL OFL 1.1-blue.svg?style=平方平方
材料设计图标字体和CSS工具包
材料设计图标 字体是一套完整的官方材料设计图标(由 谷歌),并增加了社区设计和 品牌图标 用于网站或桌面上的易缩放矢量图形.
材料设计 图标是官方开源 图标 在谷歌中显示 材料设计 规格.
开始吧 时间 http://zavoloklom.github.io/ 材料-设计-音理-font
升级 从1.x到2.x在旧文档中 http://zavoloklom.github.io/ 材料-设计-音理-font/v1/
用作弊表发行: 如果您认为图标与出错表页面不符, 请读取 问题47。 。 。 .
安装
下载 : 2.2.0 (津巴布韦语)
鲍尔: bower install material-design-iconic-font
国家预防机制: npm install material-design-iconic-font
开始
CSS 打开 光盘
感谢cdnjs.cloudflare.com,您可以使用CDNjs在您的网站上添加MD Iconic字体,而无需下载或安装任何东西!
- 将以下代码粘贴入您网站的 HTML 区域.
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/material-design-iconic-font/2.2.0/css/material-design-iconic-font.min.css"> - 看看这个 实例页 开始使用材料设计图标字体 !
BASIC: 默认 CSS
使用这种方法获取默认的材料设计图标字体 CSS.
- 下载最新版本的材料设计图标字体 .
- 解开整个包
material-design-iconic-font存档到您的工程 . - 在你的html中,请参考你的材料设计 - iconic - font.min.css的位置.
<link rel="stylesheet" href="path/to/material-design-iconic-font/css/material-design-iconic-font.min.css"> - 看看这个 实例页 开始使用材料设计图标字体 !
提议:自定义最低业务标准/特别服务标准
使用这种方法来自定义使用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 .
- 看看这个 实例页 开始使用材料设计图标字体 !
许可证
关于材料设计图标字体如何获得许可和“感谢”部分的全部细节: 许可证页。 。 。 .
浏览器支持
- 颜色 21+
- Firefox 22+ (英语)
- 歌剧院 12.1+
- 萨法里6.1+
- IE 10+ 数据
- Android 浏览器 4.3+
- 不支持在 Opera Mini 中
事实上,它可以在早期版本的浏览器中相应工作到 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 里程碑
页:1
- 添加 WOFF2 支持
- 删除 2. 0 SVG 图标文件
- 添加 EOT 和 SVG 字体文件( 不包括在 ass 中)
2.1.2 GitHub 里程碑
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 里程碑
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 里程碑
v 2. 0.0:
- 添加新的 Google 图标
- 删除重复的图标以缩小字体大小
- 为更好的搜索而选择和重命名图标( 与旧图标名称没有后向兼容性)
- 不支持 IE7-8 (删除 eot 和 svg 字体文件)
- 将图标前缀改为“ zmdi- ” , 用于使用 Angular JS 的能力
- 添加“ 固定宽度” 、“ 列表” 和“ 堆积” 类
- 添加 “! 默认” 到 sass 变量
- 将有格氏码的 vars 添加到小/ sass 中
- 为小/ ass 添加嵌入式伪类
2.0.0 GitHub 里程碑
版本
材料设计图标 字体将尽可能在语义版本准则下得到维护. 版本的编号将采用以下格式:
<major>.<minor>.<patch>
并按下列准则构建:
- 来自 Google 的新图标或更改打破后向相容性凸起主(并重置小和补丁)
- 新的添加,包括新的非 Google 图标, 不打破后向相容性突起( 并重排补丁)
- Bug 修正和 misc 更改会撞出补丁
关于SemVer的更多信息,请访问 http://semver.org (英语)。 。 。 .
作者
- 电子邮件 : [email protected] (英语)
- 微博: https://twitter.com/zavoloklom/ 页面存档备份,存于互联网档案馆
- GitHub : (中文(简体) ) https://github.com/zavoloklom/ (英语)
- 代码 : http://codepen.io/zavoloklom/ 互联网档案馆的存檔,存档日期2013-12-02
- 钻: https://dribbble.com/zavoloklom/ (中文(简体) )