Как да добавите страхотни икони към менюто, като запазите шрифта на връзката към менюто

Добър ден, искам да украся менюто с икони, свързах модула за атрибути на менюто, изтеглих font-awesome от git, хвърлих css и папката с шрифтове в моята тема, свързах css от font-awesome в настройките на темата и добавих класа към една от връзките fa fa-home

В резултат на това имам иконка и линк, всичко е наред. НО - шрифтът стана ала Times New Roman в шрифта на текста на връзката гугъл тук http://dannyenglander.com/blog/drupal-theming-adding-font-awesome-icons-.

какво трябва да добавя към моя css

където primary-nav е идентификаторът на менюто, добави го, промени го на собствен идентификатор - няма разлика

какво правя грешно

1) Необходимо е да добавите самата икона. Например

2) И проверете дали FontAwesome изобщо е свързан правилно.

Разграничаване по шрифтове на текст и икони във формат:

работи правилно за мен.

Препоръчвам сами да подготвите файла с шрифтове, като добавите само използваните икони, защото не е comme il faut да карате килобайти на празен ход. Да кажем, че http://app.fontastic.me може да направи това, използвах го наскоро, всичко е наред.

след това включете шрифт в стиловете на темата, ако не сте запознати с имплементацията: fontastic, например, създава готов @font-face, ctrl+c/ctrl+v всичко е тривиално

поставете уникални класове за елементи в менюто, направено на ниво тема, адаптивната тема е извън кутията, можете да надникнете

и остава само css

Можете да съкратите кода, ако откажете да изброявате .id-111, .id-112 и т.н., като добавите селектор към елементите, където е необходима иконата, но това вече трябва да се гледа в конкретния дизайн. да речем, ако е само за root елементи, тогава не е трудно.

---