Я новичок в веб-разработке, и недавно я начал работать с Twitter Bootstrap, я знаю, что он использует глифы, которые я уже знаю, как использовать. Но я также натолкнулся на Font Awesome, который говорит, что он создан для Bootstrap.
Каковы различия между этими двумя? Я имею в виду, одна альтернатива для другой? Или вы должны использовать их в разных местах?
В Bootstrap 2.x.x Глификоны были в формате изображения, поэтому вы не можете легко увеличить размер, изменить цвет, фоновый цвет и т.д. Тем не менее, font-awesome дает вам масштабируемые векторные значки, которые можно мгновенно настроить: размер, цвет, тень и все, что можно сделать с помощью CSS.
Font-awesome действительно является альтернативой для Glyphyicons, который обновляется время от времени с новыми значками. Fat и Mdo планируют интегрировать Font-awesome в bootstrap версии 3 в качестве замены для Glyphyicons.
Мое предложение - вы используете bootstrap с шрифтом-awesome. Сначала включите bootstrap css, а затем Font-awesome css, чтобы глификоны были переопределены шрифтом-awesome.
UPDATE
В бутстрап версии 3.x.x глификоны становятся шрифтом, который будет отлично отображаться даже при размере шрифта размером 12 пикселей. Если вы используете последнюю версию fontawesome, т.е. 4.01, вы можете использовать оба глификона со шрифтом.
Шрифт Awesome: - Более 150 других значков - Pixel идеально подходит для шрифта начальной загрузки (14px) - Значки не имеют одинакового размера и требуют, чтобы пользовательский css для каждого выравнивания - Имеет маркированный список, поворот (может быть добавлен с помощью css3), многоуровневые значки и анимация spinner (можно добавить вручную ) Glyphyicons: - Меньше значков - Pixel Perfect при большем размере шрифта (16 пикселей) - Значки одинакового размера
см: http://tagliala.github.io/vectoriconsroundup/
Шрифт awesome - это набор векторных иконок, которые получают с помощью определенного шрифта и некоторого css для создания "магии", Glyphicons использует технику sprite-css.
Вы можете использовать их оба, просто добавьте файл css после Bootstrap.
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css"/>
Если вы не хотите иметь глификоны, а просто потрясающий шрифт, вы должны пойти здесь и настроить загрузку Bootstrap, чтобы получить его без глификонов.
Просто обновление этого вопроса для дальнейшего использования.
Теперь в 2016 году тренд текстовых шрифтов Google. ИМХО они лучше, чем глификоны и шрифт удивительный, выглядит льстиво и там более 350 значков для использования. Бесплатно распространяется здесь: https://design.google.com/icons/
Я могу перечислить несколько преимуществ использования плоских иконок и дизайна материалов, Material Design предоставляет потрясающие преимущества для вашего Android APP. Material Design - это визуальный дизайн, разработанный компанией Google в ОС Android L (Android 5.0). Рамка материального дизайна работает со всеми платформами Android и известна для плоского графического интерфейса. Новая система визуального дизайна Googles является плоской, элегантной и яркой, создавая единый Android-интерфейс.
Брендинг Конструкция материала использует плоские и светлые объекты. Для маркировки всего APP требуется всего два-три цвета. материальный дизайн легко маркировать APP, которые вы разрабатываете.
Включение пользователя В эпоху Интернета очень важно привлекать пользователей. Вы должны постоянно общаться с пользователями через ваш APP. Участие пользователя является одним из ключевых факторов успеха. 35% Smart-Phone APPS используются только один раз в срок жизни пользователя, который установил APP. Конструкция материала обеспечивает визуальный язык между пользователем и вами.
ЛУЧШИЙ UI/UX UI/Ux - это среда связи между вами и пользователем. Плохой пользовательский интерфейс заставит пользователя удалить APP.
Конструкция материалов заботится о работе пользователя. Он глубоко взаимодействует с пользователем. Конструкция материалов имеет гибкие и эффективные взаимодействия. Вы можете порадовать пользователя, интегрируя дизайн материалов в свое приложение.
Взгляните на Friconix, тысячи бесплатных иконок, удобных и простых в использовании.