MICON(MDL2アイコン)、象徴的なWindows 10フォント、CSSツールキット。
このアイコンは、Windows 10のSEGMDL2.TTFとして溶け込み、 Font Awesomeに基づいてCSSツールキットも変換されました。サイズ、色、ドロップシャドウ、およびCSSのパワーでできるものなど、即座にカスタマイズできるミコンアイコン。
オンラインデモとドキュメント:http://xtoolkit.github.io/micon/
私の悪い英語のためにsry
CDNを使用できます。 Github Pageでホストされ、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/ディレクトリ全体をプロジェクトにコピーします。フォントでウェブブランドアイコンを使用しない場合は、 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、口ひげ)が必要です。
$ npm install
2- /icons/からアイコンをカスタマイズします。
新しいアイコンを追加する場合は、 db.jsonにアイコン名を挿入します。
例:
{
...,
"svgfilename" : {
"info" : {
"created" : " 1.0.155 " //font-version
},
"alias" : [
" aliasname1 " ,
" aliasname2 "
]
}
} 3-フォントのconfig.jsonをカスタマイズします。
4- .templates/でSCSS、LEST、CSSテンプレートをカスタマイズします。 (デフォルトでは、Miconが編集したFont-Awesome Templateを使用してください)
5-ダウンコマンドでフォントを構築します
$ npm start
6-エンド、 /dist/your_fontname/html-demo-your_fontname.html your_fontname/html-demo-your_fontname.htmlでデモを見ることができます
この指示でカスタムフォントページ(MiconGithubページなど)を作成できます
ミコンは、セマンティックバージョンのガイドラインの下で可能な限り維持されます。リリースには、次の形式で番号が付けられます。
<major>.<minor>.<fpatch>
次のガイドラインで構築されています。
Semverの詳細については、http://semver.orgをご覧ください。
私たちは、 ReactとVuejsをサポートすることを考えています
MITONはMITライセンスに基づいてライセンスされています。
電子メール:[email protected]
電報:@arshen