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