Як додати font-awesome іконки в меню, зберігаючи шрифт посилання меню
Доброго дня, хочу меню оформити іконками, підключив модуль menu attributes, скачала font-awesome з гіта, кинув css-ку та папку fonts на мою тему, в налаштуваннях теми підключив css-ку від font-awesome і додав клас до одного з посилань fa fa-home
У результаті маю іконку та посилання, все бл. АЛЕ - шрифт став аля Times New Roman біля шрифту тексту посилання нагугли тут http://dannyenglander.com/blog/drupal-theming-adding-font-awesome-icons-.
що в css свою треба додати
де primary-nav - це ID менюшки, додав, поміняв на свою ID - різниці ніякої
що не так роблю?
1) Треба ж і саму іконку додати. наприклад
2) І перевірте, чи правильно підключений FontAwesome.
Розмежування за шрифтами тексту та іконки у форматі:
у мене коректно працює.
рекомендую самостійно підготувати файл шрифту, шляхом додавання тільки іконок, що використовуються, бо кілобайти ганяти в холосту не комільфо. http://app.fontastic.me скажімо вміє таке, користувався нещодавно, все прибл.
далі підключити у стилях теми шрифт, якщо не знайомі з реалізацією: fontastic, наприклад, видає готовий @font-face, ctrl+c/ctrl+v все тривіально
У меню проставляють унікальні класи для пунктів, робиться на рівні теми, в придатномутемі є з коробки, можна підглянути
і залишається тільки css
можна скоротити код, якщо відмовитись від перерахування .id-111, .id-112 і т.д., додавши селектор до пунктів, де потрібні іконка, але це вже треба дивитися на конкретне оформлення. скажімо, якщо це тільки для кореневих пунктів тоді нескладно.