Categories

Новые шаблоны

Drupal 7.x. Как изменить иконки Font Awesome

Elina Webb Октябрь 20, 2014
Rating: 5.0/5. From 1 vote.
Please wait...

Этот туториал покажет, как изменить иконки Font Awesome в Drupal 7.x.

Drupal 7.x. Как изменить иконки Font Awesome

  1. Проинспектируйте элемент с помощью Firebug и вы увидите следующий класс: <span class="fa fa-user"></span> :

    Drupal_How_to_change_Awesome_Font_Icons-1

  2. С помощью Total Commander или другой программы, которая имеет опцию "найти текст (find text)", найдите файл, содержащий необходимый код:

    Drupal_How_to_change_Awesome_Font_Icons-2-2

  3. Откройте файл font-awesome.css, который подгружается на вашей странице (ссылку на этот файл можно найти в исходном коде страницы):

    Drupal_How_to_change_Awesome_Font_Icons-3

  4. Проверьте версию font awesome в данном файле:

    Drupal_How_to_change_Awesome_Font_Icons-4

  5. Откройте сайт Font Awesome, найдите памятку для необходимой версии шрифта:

    Drupal_How_to_change_Awesome_Font_Icons-5

  6. Найдите CSS класс желаемой иконки:

    Drupal_How_to_change_Awesome_Font_Icons-6

  7. Измените CSS класс в файле, который вы открыли на шаге 2:

    Drupal_How_to_change_Awesome_Font_Icons-7

  8. Обновите страницу, чтобы просмотреть изменения:

    Drupal_How_to_change_Awesome_Font_Icons-8

Вы также можете воспользоваться детальным видео туториалом:

Drupal 7.x. Как изменить иконки Font Awesome

Drupal Шаблоны
Эта запись была размещена в Drupal туториалы и помечена как Awesome, drupal, font, icon. Добавьте в закладки постоянную ссылку.

Submit a ticket

Если вы не смогли найти подходящее решение проблемы, пожалуйста воспользуйтесь следующей ссылкой, чтобы отправить запрос команде технической поддержки.
Отправить запросВы получите ответ в течение 24 часов