27 lines
1.3 KiB
Markdown
27 lines
1.3 KiB
Markdown
|
---
|
|||
|
|
title: Add Font Awesome Icons to Our Buttons
|
|||
|
|
localeTitle: Добавить шрифт Удивительные иконки для наших кнопок
|
|||
|
|
---
|
|||
|
|
## Добавить шрифт Удивительные иконки для наших кнопок
|
|||
|
|
|
|||
|
|
Font Awesome - удобная библиотека икон. Эти значки являются векторной графикой, хранящейся в формате `.svg` файла. Эти значки обрабатываются так же, как шрифты. Вы можете указать их размер с помощью пикселей, и они будут предполагать размер шрифта своих родительских элементов HTML.
|
|||
|
|
|
|||
|
|
Вот как вы добавляете значок:
|
|||
|
|
|
|||
|
|
```html
|
|||
|
|
|
|||
|
|
<i class="fa fa-thumbs-up"></i>
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
Вот как вы вставляете этот значок на кнопку:
|
|||
|
|
|
|||
|
|
```html
|
|||
|
|
|
|||
|
|
<button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
#### Дополнительная информация:
|
|||
|
|
|
|||
|
|
Получите шрифт, потрясающий на вашем сайте: [Шрифт awesome - Начало работы](http://fontawesome.io/get-started/)
|
|||
|
|
|
|||
|
|
Просмотрите все доступные шрифты: [Иконки](http://fontawesome.io/icons/)
|