Téléchargement de Micon - Téléchargement du code source Micon

Micon

Téléchargement de polices

v3.0.168

Télécharger

Micro

MICON (ICONS MDL2), la police d'outils emblématique Windows 10 et CSS.
Cette icône a exract comme segmdl2.ttf dans Windows 10 et a converti trop CSS Toolkit basé sur Font Awesome . Des icônes de micro qui peuvent être instantanément personnalisées - taille, couleur, ombre de dépôt et tout ce qui peut être fait avec la puissance du CSS.

Demo et documents en ligne: http://xtoolkit.github.io/micon/ (parce que je suis très occupé, des documents en ligne non mis à jour pour Bower et Building)

Sry pour mon mauvais anglais

Installation

Option rapide: utilisez CDN

Vous pouvez utiliser CDN. Hébergé par la page GitHub et assombri par CloudFlare Exemple:

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

Option One: Installer avec Bower

Pour installer via Bower, faites simplement ce qui suit:

 $ bower install micon --save

Option deux: Téléchargez le dépôt ou la police construite

Télécharger la version de la dernière version de Micon de GitHub

Commencer

1- Copiez l'ensemble du répertoire micon-repo/dist/micon/ dans votre projet. Si vous n'utilisez pas d'icône WebBrand dans la police, utilisez micon-repo/dist/micon_nb/

2- Dans le <head> de votre HTML, référez l'emplacement à votre micon.min.css .
exemple:

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

Utilisez des icônes dans HTML

exemple:

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

Construire des instructions (pour faire une police personnalisée)

Ce dépôt est déjà livré avec tous les fichiers construits et prêts à partir, mais peut également construire les polices à partir de la source. Nécessite NodeJS .

Suivez ces étapes pour créer une police personnalisée:

1- L'installation nécessite des dépendances ( Gulp, Gulp-Consolidate, Gulp-Iconfont, Gulp-Rename, Moustache ) avec commande Down.

 $ npm install

2- Personnalisez vos icônes à partir de /icons/ .
Si ajoutez une nouvelle icône, insérez le nom de l'icône dans db.json .
exemple:

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

3- Personnalisez config.json pour votre police.

4- Personnalisez votre modèle SCSS, moins et CSS dans .templates/ . (Temple de police par défaut, édité par MICON)

5- Construisez votre police avec la commande Down

 $ npm start

6- Fin, vous pouvez voir la démonstration de votre police dans /dist/your_fontname/html-demo-your_fontname.html

Instructions de création de page (pour faire de la page de police personnalisée)

Vous pouvez créer une page de police personnalisée (comme la page MICON GITHUB) avec ces instructions

Versioning

Micon sera maintenu autant que possible sous les directives de version sémantique. Les versions seront numérotées avec le format suivant:

<major>.<minor>.<fpatch>

Et construit avec les directives suivantes:

Major -> La compatibilité arrière en arrière baisse le major
Minor -> Correction de bugs, nouveaux ajouts
fpatch -> version de segmdl2.ttf

Pour plus d'informations sur Semver, veuillez visiter http://semver.org.

Version suivante

Nous pensons à soutenir React et Vuejs

Modifier les journaux

Version 3.0.168 (14/01/2019)

Mise à jour des icônes MDL2 version => 168 (octobre 2018)
- 350 Nouvelle icône (35 icônes sans titre)
- Les icônes SVG deviennent plus grandes
Mettre à jour les icônes WebBrand (268 Nouvelle icône)
Supprimer la création classique CSS
Utilisez le compilateur SCSS pour créer des polices CSS
Supprimer SourceMap par défaut
Changer Lodash avec Moustache
Mettez à jour SCSS et moins modèle à Font-Awesome 5.6.3
Renommer Fontname. (SCSS | Moins) Fichier à style. (SCSS | Moins)
Déplacer la configuration de la police de gulpfile.js au fichier config.json dans root
Nom des icônes DB Déplacement du fichier vers le répertoire des icônes (db.json)
réécrivez Gulpfile.js

Version 2.2.155 (05/01/2017)

résoudre les problèmes n ° 13
résoudre le problème de compilation moins
Ajouter SourceMap pour micon et micon_nb

Version 2.1.155 (29/12/2016)

soutenir Bower
Ajouter SCSS et moins de modèle
Déplacer les modèles vers .Templates
Fix Style.CSS Problème

Version 2.0.155 (23/12/2016)

Ajouter des gulpjs pour la construction de micon ou des icônes de micro de fourche de police personnalisées
Ajouter des icônes WebBrand
Ajouter la police standard WOFF2 et OTF
Ajoutez HTML-Demo-MICON.html pour des icônes de vue portable simples.
Modèle de mise à jour
résoudre le problème du nom d'alias
Corrigez un peu de vue de la police (etc hauteur des icônes)