Unduh Micon - Unduh Kode Sumber Micon

Micon

Pengunduhan font

v3.0.168

Unduh

Micon

Ikon Micon (MDL2), font Windows 10 dan toolkit CSS yang ikonik.
Ikon ini dieksraksi sebagai segmdl2.ttf di windows 10 dan dikonversi terlalu css toolkit berdasarkan font mengagumkan . Ikon Micon yang dapat langsung disesuaikan - ukuran, warna, drop shadow, dan apa pun yang dapat dilakukan dengan kekuatan CSS.

Demo dan Dokumen Online: http://xtoolkit.github.io/micon/ (karena saya sangat sibuk, dokumen online tidak diperbarui untuk bower dan bangunan)

Sry untuk bahasa Inggris saya yang buruk

Instalasi

Opsi Cepat: Gunakan CDN

Anda dapat menggunakan CDN. di -host oleh halaman github dan dikaburkan oleh cloudflare contoh:

 < head >
...
< link rel =" stylesheet " href =" http://cdn.arshen.ir/micon/3.0.168/dist/micon/css/micon.min.css " >
...
</ head >

Opsi Satu: Instal dengan Bower

Untuk menginstal melalui Bower, cukup lakukan hal berikut:

 $ bower install micon --save

Opsi Dua: Unduh Repo atau Builded Font

Unduh Rilis Versi Micon Terakhir Dari GitHub

Mulai

1- Salin seluruh micon-repo/dist/micon/ Direktori ke dalam proyek Anda. Jika Anda tidak menggunakan ikon webbrand di font, gunakan micon-repo/dist/micon_nb/

2- Di <head> HTML Anda, referensi lokasi ke micon.min.css Anda.
contoh:

 < head >
...
< link rel =" stylesheet " href =" micon-repo/dist/micon/css/micon.min.css " >
...
</ head >

Gunakan ikon di HTML

contoh:

< i class = " mi mi-Home " ></ i >
OR
< i class = " mi " > &#xEC15; </ i >

Bangun instruksi (untuk membuat font khusus)

Repo ini sudah hadir dengan semua file yang dibangun dan siap digunakan, tetapi juga dapat membangun font dari sumbernya. Membutuhkan nodej .

Ikuti langkah -langkah ini untuk membangun font khusus:

1- Instal membutuhkan dependensi ( Gulp, Gulp-Consolidate, Gulp-Iconfont, Gulp-Rename, Kumis ) dengan perintah Down.

 $ npm install

2- Kustomisasi ikon Anda dari /icons/ .
Jika tambahkan ikon baru, masukkan nama ikon di db.json .
contoh:

{
    ...,
    "svgfilename" : {
        "info" : {
            "created" : " 1.0.155 " //font-version
        },
        "alias" : [
            " aliasname1 " ,
            " aliasname2 "
        ]
    }
}

3- Kustomisasi config.json untuk font Anda.

4- Kustomisasi SCSS Anda, Template CSS Less dan CSS di .templates/ . (Default Gunakan Template Font-Awesome Diedit oleh Micon)

5- Bangun font Anda dengan perintah Down

 $ npm start

6- Akhir, Anda dapat melihat demo font Anda di /dist/your_fontname/html-demo-your_fontname.html

Page Build Instruksi (untuk membuat halaman font Anda kustom)

Anda dapat membangun halaman font khusus Anda (seperti halaman micon github) dengan instruksi ini

Versi

Micon akan dipertahankan di bawah pedoman versi semantik sebanyak mungkin. Rilis akan diberi nomor dengan format berikut:

<major>.<minor>.<fpatch>

Dan dibangun dengan pedoman berikut:

Mayor -> Breaking Backward Compatibility menabrak jurusan
minor -> perbaikan bug, tambahan baru
fpatch -> versi segmdl2.ttf

Untuk informasi lebih lanjut tentang SEMVER, silakan kunjungi http://semver.org.

Versi berikutnya

Kami berpikir untuk mendukung React dan Vuejs

Ubah log

Versi 3.0.168 (14/01/2019)

Perbarui Versi Ikon MDL2 => 168 (Oktober 2018)
- 350 ikon baru (35 ikon tanpa judul)
- Ikon SVG semakin besar
Perbarui Ikon WebBrand (268 Ikon Baru)
Hapus CSS Buat Font Klasik
Gunakan kompiler SCSS untuk membuat font CSS
Hapus Sourcemap Secara Default
Ubah Lodash dengan kumis
Perbarui SCSS dan lebih sedikit template ke Font-Awesome 5.6.3
ganti nama fontname. (scss | kurang) file menjadi gaya. (scss | kurang)
Pindahkan Font Config dari GulpFile.js ke file config.json di root
Nama ikon File DB Pindah ke Direktori Paket Ikon (db.json)
Tulis ulang Gulpfile.js