Я новачок у веб-розробці, і нещодавно я почав працювати з Twitter Bootstrap, я знаю, що він використовує Glyphicons, які я вже знаю, як використовувати. Але я також натрапив на Font Awesome, який каже, що він створений для Bootstrap.
Які відмінності між ними? Я маю на увазі, чи є одне альтернативою іншому? Або ви повинні використовувати їх у різних місцях?
Відповіді:
У Bootstrap 2.xx Glyphyicons були у форматі зображення, отже, ви не можете легко збільшити розмір, змінити колір, колір фону тощо. Однак чудовий шрифт дає масштабовані векторні іконки, які можна миттєво налаштувати - розмір, колір, тінь і все, що можна зробити за допомогою CSS.
Font-awesome - це справді альтернатива Glyphyicons, яка час від часу оновлюється новими іконками. Fat та Mdo планують інтегрувати Font-awesome у завантажувальну версію 3 як заміну Glyphyicons.
Я пропоную вам використовувати bootstrap із чудовими шрифтами. Спочатку включіть bootstrap css, а потім чудовий шрифт css, так що Glyphyicons будуть замінені чудовими шрифтами.
ОНОВЛЕННЯ
У завантажувальній версії 3.xx гліфікони стають форматом шрифту, який буде гарно відображатися навіть у розмірі шрифту 12 пікселів. Якщо ви використовуєте останню версію fontawesome, тобто 4.01, ви можете використовувати обидва гліфікони з fontawesome.
Чудовий шрифт: - Ще понад 150 піктограм - Піксель ідеальний за замовчуванням шрифт завантажувальної стрічки (14 пікселів) - Значки не мають однакового розміру і вимагають спеціального CSS для кожного для вирівнювання - Має маркований список, обертання (можна додати за допомогою css3), значки з накопиченням , та анімація вертушки (можна додати вручну) Glyphyicons: - Менше значків - Піксель ідеально підходить для великого розміру шрифту (16 пікселів) - Значки однакового розміру
див .: http://tagliala.github.io/vectoriconsroundup/
Чудовий шрифт - це колекція векторних піктограм, які отримані за допомогою певного шрифту та деякого css для створення "магії", Glyphicons використовує техніку спрайт-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, щоб отримати його без гліфіконів.