MICON(MDL2图标),标志性Windows 10字体和CSS工具包。
该图标将Windows 10中的segmdl2.TTF逐渐散发,并基于字体很棒的CSS工具包转换。可以立即自定义的缆线图标 - 大小,颜色,落下阴影以及CSS功率可以完成的任何事情。
在线演示和文档:http://xtoolkit.github.io/micon/(因为我很忙,在线文档未更新用于Bower和Building)
为我的英语不好
您可以使用CDN。由GitHub页面托管,由Cloudflare云示例示例:
< head >
...
< link rel =" stylesheet " href =" http://cdn.arshen.ir/micon/3.0.168/dist/micon/css/micon.min.css " >
...
</ head >要通过Bower安装,只需执行以下操作:
$ bower install micon --save
从GitHub下载最后一个元版版本
1-将整个micon-repo/dist/micon/ Directory复制到您的项目中。如果您不使用字体中的webbrand图标,请使用micon-repo/dist/micon_nb/
2-在您的HTML的<head>中,将位置引用到micon.min.css 。
例子:
< head >
...
< link rel =" stylesheet " href =" micon-repo/dist/micon/css/micon.min.css " >
...
</ head >例子:
< i class = " mi mi-Home " ></ i >
OR
< i class = " mi " >  </ i >此存储库已经随附所有已构建并准备就绪的文件,但也可以从源构建字体。需要nodejs 。
请按照以下步骤构建自定义字体:
1-安装需要依赖关系( Gulp,Gulp-Consolidate,Gulp-Iconfont,Gulp-Rename,Mustache ),并带有下命令。
$ npm install
2-从/icons/自定义图标。
如果添加新图标,请在db.json中插入图标名称。
例子:
{
...,
"svgfilename" : {
"info" : {
"created" : " 1.0.155 " //font-version
},
"alias" : [
" aliasname1 " ,
" aliasname2 "
]
}
} 3-为您的字体自定义config.json 。
4-在.templates/中自定义您的SCSS,LINS和CSS模板。 (默认使用字体可感知的模板由Micon编辑)
5-使用down命令构建字体
$ npm start
6-结束,您可以在/dist/your_fontname/html-demo-your_fontname.html中看到emo font
您可以使用此说明构建自定义字体页面(如Micon GitHub页面)
MICON将尽可能根据语义版本指南维护。发行版将以以下格式编号:
<major>.<minor>.<fpatch>
并根据以下准则构建:
有关SEMVER的更多信息,请访问http://semver.org。
我们正在考虑支持React和Vuejs
Micon已获得MIT许可证的许可。
电子邮件:[email protected]
电报:@arshen