IcoFont дает вам 2100 + бесплатные иконки в одном файле шрифта

С подъемом веб-шрифты а также встраиваемые шрифты CSS, в наше время гораздо проще создавать действительно уникальные сайты с нуля.

Новейшая тенденция иконки шрифты которые обычно меньше, чем изображения, их намного легче масштабировать, и они кристально чисты на всех размерах экрана (включая сетчатку). Вы можете найти множество этих значков в Интернете, но IcoFont действительно берет торт.

Этот бесплатный значок шрифта поставляется с более 2100 иконок, все собрано в файл с одним шрифтом.

Вы можете скачать исходный код с все значки или только определенный значок “семьи” такие как валюта, бизнес, социальный или мобильный пользовательский интерфейс (среди многих других).

Сайт действует как электронная документация для всех этих значков, так что вы можете быстро скопировать / вставить коды на свой сайт. Значки IcoFont много работают как значки FontAwesome которые, например, используются по умолчанию в платформе Bootstrap.

Все работает через элемент что требует два класса CSS:

1. класс IcoFont по умолчанию
2. класс для каждого типа значка

Например, чтобы добавить значок замка в ваш документ, вы должны добавить что-то вроде этого в свой макет:

Вы можете технически добавить эти значки на любой элемент, который вам нравится но код по умолчанию от IcoFont опирается на элементы.

Обратите внимание на эту библиотеку не следует путать с программой под названием Icofont, которая вовсе не является библиотекой, а является интерфейсом для управления иконочными шрифтами в ваших приложениях RoR. Поскольку эта программа имеет то же имя, что и библиотека IcoFont, поиск в Google может быть непростым..

Эта библиотека все еще очень новый и я не могу найти его на GitHub или где-либо еще в Интернете. Но, если вы ищете дополнительную информацию, я настоятельно рекомендую посетить веб-сайт и загрузить копию. Вы найдете все правильный исходный код прямо здесь, и вы можете даже просматривать все иконки по категориям чтобы увидеть, что в наборе.