---
id: bad87fee1348bd9aedc08845
title: Add Font Awesome Icons to all of our Buttons
required:
- link: 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/css/font-awesome.css'
raw: true
challengeType: 0
videoUrl: ''
localeTitle: Добавить шрифт Удивительные иконки ко всем нашим кнопкам
---
## Description
Font Awesome - удобная библиотека икон. Эти значки являются векторной графикой, хранящейся в формате .svg файла. Эти значки обрабатываются так же, как шрифты. Вы можете указать их размер с помощью пикселей, и они будут предполагать размер шрифта своих родительских элементов HTML. Используйте Font Awesome, чтобы добавить значок info-circle в вашу информационную кнопку и значок trash на вашу кнопку удаления. Примечание. Элемент span является приемлемой альтернативой элементу i для указанных ниже направлений.
## Instructions
## Tests
```yml
tests:
- text: Вы должны добавить <i class="fa fa-info-circle"></i> в свой элемент кнопки информации.
testString: 'assert($(".btn-info > i").is(".fa.fa-info-circle") || $(".btn-info > span").is(".fa.fa-info-circle"), "You should add a <i class="fa fa-info-circle"></i> within your info button element.");'
- text: Вы должны добавить элемент <i class="fa fa-trash"></i> в свой элемент кнопки удаления.
testString: 'assert($(".btn-danger > i").is(".fa.fa-trash") || $(".btn-danger > span").is(".fa.fa-trash"), "You should add a <i class="fa fa-trash"></i> within your delete button element.");'
- text: 'Убедитесь, что у каждого из ваших элементов i есть закрывающий тег, а <i class="fa fa-thumbs-up"></i> находится в вашем подобном элементе кнопки.'
testString: 'assert(code.match(/<\/i>|<\/span/g) && code.match(/<\/i|<\/span>/g).length > 2 && ($(".btn-primary > i").is(".fa.fa-thumbs-up") || $(".btn-primary > span").is(".fa.fa-thumbs-up")), "Make sure each of your i elements has a closing tag and <i class="fa fa-thumbs-up"></i> is in your like button element.");'
```
## Challenge Seed