Foundation Icon Fonts 3 | Детская площадка от ZURB
Foundation Icon Fonts 3 | Детская площадка от ZURBИспользование 283 значков с 1 шрифтом
Пользовательская коллекция из 283 значков, которые хранятся в удобном веб-шрифте. Просмотреть все значки »
Придайте им стиль с помощью CSS
Пара строк CSS и правильная разметка помогут вам быстро начать работу. Как их использовать »
Создавайте бесконечные варианты
Легко настраивайте эти значки любого размера, цвета и стиля в CSS. Посмотреть образцы »
Как они были построены
Здесь, в ZURB, мы создали эти значки в соответствии со специальными стандартами, которые дают единый голос и стиль для разработки удивительного набора шрифтов, который каждый может любить, наслаждаться и использовать на своем веб-сайте. Некоторые стандарты включают:
- Геометрический Все значки имеют базовые формы, такие как треугольники, квадраты, прямоугольники и круги.
- Скругленные углы Все значки сделаны со скругленными углами, чтобы сделать значки более мягкими и доступными.
- Толщина толстой линии Для всех значков используется более толстая линия, а не тонкая, чтобы значки можно было масштабировать, а также придать им дружественный вид, к которому мы стремимся.
- Естественные углы Мы дали эти определенные градусы поворота, чтобы сохранить согласованность в наборе.
- Масштабируемость При создании этих значков мы думали о том, как эти значки будут масштабироваться при малых и больших размерах.
После преобразования этих векторных значков в шрифт мы дали вам возможность иметь бесконечное количество размеров, цветов и стилей для значков, которые вам нужны, которые можно настраивать и стилизовать с помощью CSS.
Как их использовать
Мы упростили вам работу с этими значками! Просто скачайте шрифт и следуйте этим простым инструкциям.
Вы будете рок-н-ролл в кратчайшие сроки.
Слияние стилей
Очень легко подключить таблицы стилей пакета, чтобы воплотить в жизнь ваш новый иконочный веб-шрифт. Когда вы загрузите шрифты, вы сможете просто объединить файлы Foundation-icons.css и Foundation-icons.[eot/ttf/svg/woff] прямо в Foundation.
Напишите свою разметку
Мы использовали для элементов значков. Вы просто применяете соответствующие классы, которые соответствуют значку, который вы хотите использовать. Вот как выглядит разметка:
Стиль прочь!
Вы можете использовать несколько замечательных приемов CSS, чтобы начать изучать различные стили. Мы сами придумали несколько, посмотрите:
Получите потрясающую работу по проектированию или дизайну продукта
через доску объявлений ZURB
Загрузите шрифты
Мы собрали несколько удобных пакетов для загрузки, которые легко впишутся в ваш проект Foundation!
Загрузите шрифтПопробуйте Foundation
Если вы еще не пробовали Foundation, мы настоятельно рекомендуем это сделать.
