Micon Download - Micon Source Code Download

Micon

Schriftarten herunterladen

v3.0.168

Herunterladen

Micon

Micon (MDL2 -Symbole), die legendäre Windows 10 -Schriftart und CSS -Toolkit.
Dieses Symbol wurde als SEGMDL2.TTF in Windows 10 ausgerichtet und zu CSS -Toolkit basierend auf der Schriftart fantastisch konvertiert. Micon -Symbole, die sofort angepasst werden können - Größe, Farbe, Schatten und alles, was mit der Kraft von CSS geschehen kann.

Online -Demo und Dokumente: http://xtoolkit.github.io/micon/ (weil ich sehr beschäftigt bin, Online -Dokumente, die nicht für Bower und Building aktualisiert wurden)

Sry für mein schlechtes Englisch

Installation

Schnelle Option: Verwenden Sie CDN

Sie können CDN verwenden. gehostet von Github Page und von Cloudflare -Beispiel getrübt:

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

Option 1: Installieren Sie mit Bower

Um über Bower zu installieren, machen Sie einfach Folgendes:

 $ bower install micon --save

Option zwei: Repo oder Builded -Schriftart herunterladen

Laden Sie die letzte Micon -Version von GitHub herunter

Fangen an

1- Kopieren Sie das gesamte micon-repo/dist/micon/ Verzeichnis in Ihr Projekt. Wenn Sie kein WebBrand-Symbol in der Schriftart verwenden, verwenden Sie micon-repo/dist/micon_nb/

2- Verweisen Sie in der <head> Ihres HTML auf den Ort auf Ihr micon.min.css .
Beispiel:

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

Verwenden Sie Symbole in HTML

Beispiel:

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

Anweisungen erstellen (für die benutzerdefinierte Schriftart)

Dieses Repo wird bereits mit allen erstellten Dateien geliefert und bereit zu gehen, kann aber auch die Schriftarten aus der Quelle erstellen. Benötigt Nodejs .

Befolgen Sie diese Schritte, um benutzerdefinierte Schriftart zu erstellen:

1- Installation erfordert Abhängigkeiten ( Gulp, Gulp-Konsholidat, Gulp-IConfont, Gulp-Rename, Schnurrbart ) mit Down-Befehl.

 $ npm install

2- Passen Sie Ihre Symbole aus /icons/ .
Wenn Sie ein neues Symbol hinzufügen, fügen Sie den Namen des Symbols in db.json ein.
Beispiel:

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

3- config.json für Ihre Schriftart anpassen.

4- Passen Sie Ihre SCSS-, Less- und CSS-Vorlage in .templates/ . (Standard verwenden eine von Micon bearbeitete Schablone für Schriftarten)

5- Erstellen Sie Ihre Schriftart mit Down-Befehl

 $ npm start

6- Ende sehen Sie Demo Ihre Schriftart in /dist/your_fontname/html-demo-your_fontname.html

Seitungsanweisungen (für Ihre Schriftseite) (für die Seite Ihrer Schriftart)

Mit diesen Anweisungen können Sie Ihre Schriftseite (wie die Micon Github -Seite) benutzerdefiniert erstellen

Versioning

Micon wird so weit wie möglich unter den Richtlinien der semantischen Versioning aufrechterhalten. Veröffentlichungen werden mit dem folgenden Format nummeriert:

<major>.<minor>.<fpatch>

Und mit den folgenden Richtlinien erstellt:

Major -> Rückwärtskompatibilitätsstürme der Major
Minor -> Fehlerbehebungen, Neuzugänge
fpatch -> Version von SEGMDL2.TTF

Weitere Informationen zu Semver finden Sie unter http://semver.org.

Nächste Version

Wir denken darüber nach, React und VueJs zu unterstützen

Protokolle ändern

Version 3.0.168 (14.01.2019)

Aktualisieren Sie MDL2 Icons Version => 168 (Oktober 2018)
- 350 Neues Symbol (35 Ikone Ohne Titel)
- SVG -Symbole werden größer
Aktualisieren Sie Webbrand -Symbole (268 neues Symbol)
Entfernen Sie Classic Create Font CSS
Verwenden Sie den SCSS -Compiler für das Erstellen von Schriftarten CSS
Entfernen Sie die Sourcemap standardmäßig
Ändern Sie Lodash mit Schnurrbart
Aktualisieren Sie SCSS und weniger Vorlage für Schriftart 5.6.3
fontname umbenennen. (scss | weniger) Datei in style. (scss | weniger)
Schriftkonfiguration von gulpFile.js in config.json -Datei im Root verschieben
Icons Name DB -Datei Überziehen Sie sich zum Icons Pack Directory (DB.json)
Schreiben Sie Gulpfile.js

Version 2.2.155 (05.01.2017)

Probleme mit #13 Problemen
Problem mit weniger Kompilierproblemen beheben
Fügen Sie Sourcemap für Micon und Micon_NB hinzu

Version 2.1.155 (29.12.2016)

Stütze Bower
Fügen Sie SCSS und weniger Vorlage hinzu
Bewegen Sie Vorlagen in .Templates
Fix style.css Problem

Version 2.0.155 (23/12/2016)

Fügen Sie Gulpjs für Build Micon hinzu oder erstellen Sie einfach benutzerdefinierte Schriftgabel -Micon -Symbole
Fügen Sie Webbrand -Symbole hinzu
Fügen Sie WOFF2- und OTF -Standard -Schriftart hinzu
Fügen Sie HTML-Demo-Micon.html für einfache tragbare Ansichtsymbole hinzu.
Aktualisieren Sie die Stilvorlage
Das Problem des Alias -Namens beheben
Fix ein paar Schriftart anzeigen probrom (usw. Höhe der Symbole)

Version 1.0.155 (16.08.2016)

Aktualisieren Sie Symbole Version => 155 (Redstone)
Benennen Sie den Namen des Symbols mit dem offiziellen MDL2 -Symbollnamen um
Entfernen Sie WOFF2 und OTF -Schriftart
Problem des Icon -Animationsproblems behoben
Problem mit festen Symbolhöhe
Seite ändern Protokolle erstellen