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/) |