Micon Download - Micon исходный код скачать

Micon

Загрузка шрифта

v3.0.168

Скачать

Микрон

Micon (значки MDL2), культовый шрифт Windows 10 и инструментарий CSS.
Этот значок превзошел как segmdl2.ttf в Windows 10 и преобразован слишком CSS -инструментарий на основе Font Awesome . Значки Micon, которые можно мгновенно настроить - размер, цвет, отбрасывание тени и все, что можно сделать с помощью мощности CSS.

Онлайн демонстрация и документы: http://xtoolkit.github.io/micon/ (потому что я очень занят, онлайн -документы не обновлены для Bower and Building)

Сри для моего плохого английского

Установка

Быстрый вариант: используйте CDN

Вы можете использовать CDN. размещено на странице GitHub и примером CloudFlare:

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

Вариант первый: установить с помощью Bower

Чтобы установить через Bower, просто сделайте следующее:

 $ bower install micon --save

Вариант второй: скачать репо или построенный шрифт

Скачать последний выпуск версии Micon с GitHub

Начните

1- Скопируйте весь micon-repo/dist/micon/ Directory в свой проект. Если вы не используете значок веб-бренда в шрифте, используйте micon-repo/dist/micon_nb/

2- В <head> вашего HTML укажите местоположение на свой micon.min.css .
пример:

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

Используйте значки в HTML

пример:

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

Построить инструкции (для создания пользовательского шрифта)

Этот репо уже поставляется со всеми файлами, созданными и готовыми к работе, но также может построить шрифты из источника. Требуется Nodejs .

Следуйте этим шагам для создания пользовательского шрифта:

1- Установка требует зависимостей ( Gulp, Gulp-Consolidate, Gulp-Iconfont, Gulp-rename, усы ) с командованием Down.

 $ npm install

2- Настроить значки из /icons/ .
Если добавить новый значок, вставьте название значка в db.json .
пример:

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

3- Настроить config.json для вашего шрифта.

4- Настройте свои SCSS, меньше и шаблон CSS в .templates/ . (Шаблон использования шрифта по умолчанию под редакцией Micon)

5- Постройте свой шрифт с командой Down

 $ npm start

6- Конец, вы можете увидеть демонстрацию своего шрифта в /dist/your_fontname/html-demo-your_fontname.html

Инструкции по сборке страниц (для создания пользовательской страницы шрифта)

Вы можете создать пользовательскую страницу шрифта (например, страница micon github) с этими инструкциями

Версии

Micon будет храниться в соответствии с руководящими принципами семантической версии. Выпуски будут пронумерованы следующим форматом:

<major>.<minor>.<fpatch>

И построено со следующими рекомендациями:

майор -> взломать назад совместимость ударяет основной
Минор -> исправления ошибок, новые дополнения
fpatch -> версия segmdl2.ttf

Для получения дополнительной информации о Semver, пожалуйста, посетите http://semver.org.

Следующая версия

Мы думаем о поддержке React и Vuejs

Изменить журналы

Версия 3.0.168 (14/01/2019)

Обновление значков MDL2 версии => 168 (октябрь 2018 г.)
- 350 Новый значок (35 Icon без названия)
- Значки SVG становятся больше
Обновить значки веб -бренда (268 Новый значок)
Удалить Classic Create Font CSS
Используйте компилятор SCSS для создания Font CSS
Удалить Sourcemap по умолчанию
Измените Lodash с усами
Обновление SCSS и меньше шаблона для Font-Awesome 5.6.3
Переименовать fontname. (scss | меньше) файл в стиль. (scss | меньше)
Переместить конфигурацию шрифта из Gulpfile.js в файл config.json в root
Имя значков DB Файл перемещение в каталог пакетов значков (db.json)
Переписать Gulpfile.js

Версия 2.2.155 (05.01.2017)

Исправить № 13 выпусков
Исправить меньшую проблему компиляции
Добавить Sourcemap для micon и micon_nb

Версия 2.1.155 (29/12/2016)

Поддержка Bower
добавить SCS и меньше шаблона
перемещать шаблоны в.
Исправить проблему style.css

Версия 2.0.155 (23/12/2016)

Добавить Gulpjs для Build Micon или Easy Create Custom Font Vork Icons Micon
Добавьте значки веб -бренда
Добавить стандартный шрифт WOFF2 и OTF
Добавьте html-demo-micon.html для простых портативных значков просмотра.
Шаблон стиля обновления
Исправить проблему с псевдонимом
Исправьте некоторый просмотр шрифта (высота и т.д.