Я новичок в веб-разработке и недавно начал работать с Twitter Bootstrap, я знаю, что он использует глификоны, которые я уже знаю, как использовать. Но я также наткнулся на Font Awesome, в котором говорится, что он создан для Bootstrap.
В чем разница между ними? Я имею в виду, является ли одно альтернативой другому? Или использовать их в разных местах?
Ответы:
В Bootstrap 2.xx Glyphyicons были в формате изображения, поэтому вы не можете легко увеличить размер, изменить цвет, цвет фона и т. Д. Однако font-awesome предоставляет масштабируемые векторные иконки, которые можно мгновенно настраивать - размер, цвет, тени и все, что можно сделать с помощью CSS.
Font-awesome - действительно альтернатива Glyphyicons, который время от времени обновляется новыми значками. Fat и Mdo планируют интегрировать Font-awesome в бутстрап версии 3 в качестве замены Glyphyicons.
Я предлагаю вам использовать bootstrap с font-awesome. Сначала включите bootstrap css, а затем Font-awesome css, чтобы Glyphyicons переопределил font-awesome.
ОБНОВИТЬ
В начальной загрузке версии 3.xx глификоны становятся форматом шрифта, который будет хорошо отображаться даже при размере шрифта 12 пикселей. Если вы используете последнюю версию fontawesome, то есть 4.01, вы можете использовать оба глификона с fontawesome.
Font Awesome: - Еще более 150 значков - Пиксель идеален при шрифте начальной загрузки по умолчанию (14 пикселей) - Значки не имеют одинакового размера и требуют настраиваемого CSS для каждого выравнивания - Имеет маркированный список, вращение (можно добавить с помощью css3), сложенные значки , и анимация счетчика (можно добавить вручную). Глификоны: - Меньше иконок - Pixel Perfect с большим размером шрифта (16 пикселей) - Иконки того же размера
см .: http://tagliala.github.io/vectoriconsroundup/
Font 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, чтобы получить его без глификонов.