Micon
v3.0.168
Micon (MDL2 아이콘), 상징적 인 Windows 10 글꼴 및 CSS 툴킷.
이 아이콘은 Windows 10에서 segmdl2.ttf 로 쇄도하여 Font Awesome을 기반으로 CSS 툴킷을 변환했습니다. 크기, 색상, 드롭 그림자 및 CSS의 힘으로 수행 할 수있는 모든 것 (즉시 커스터마이징 할 수있는 미콘 아이콘).
온라인 데모 및 문서 : http://xtoolkit.github.io/micon/ (매우 바쁘기 때문에 Bower 및 Building 용으로 업데이트되지 않기 때문에)
내 나쁜 영어를 위해 sry
CDN을 사용할 수 있습니다. Github 페이지에서 호스팅하고 Cloudfed By 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에서 Last Micon 버전 릴리스를 다운로드하십시오
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 >이 repo는 이미 구축되고 준비가 된 모든 파일과 함께 제공되지만 소스에서 글꼴을 빌드 할 수도 있습니다. nodejs 가 필요합니다.
다음 단계에 따라 사용자 정의 글꼴을 작성하십시오.
1- Down 명령을 사용한 종속성 ( 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/ 에서 SCS, Less 및 CSS 템플릿을 사용자 정의하십시오. (기본 사용 글꼴을 사용하여 미콘에 의해 편집 됨)
5- 다운 명령으로 글꼴을 작성하십시오
$ npm start
6- 끝, /dist/your_fontname/html-demo-your_fontname.html 에서 글꼴을 데모 할 수 있습니다.
이 지침으로 글꼴 페이지 (예 : Micon Github 페이지)를 구축 할 수 있습니다.
Micon은 가능한 한 의미 론적 버전 관리 지침에 따라 유지됩니다. 릴리스는 다음 형식으로 번호가 매겨집니다.
<major>.<minor>.<fpatch>
다음 가이드 라인으로 구성되었습니다.
Semver에 대한 자세한 내용은 http://semver.org를 방문하십시오.
우리는 React 와 Vuejs를 지원할 생각입니다
Micon은 MIT 라이센스에 따라 라이센스가 부여됩니다.
이메일 : [email protected]
전보 : @arshen
