27 lines
826 B
Markdown
27 lines
826 B
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>
|
||
```
|
||
|
||
#### 更多信息：
|
||
|
||
在您的网站上获取字体真棒： [字体很棒 - 入门](http://fontawesome.io/get-started/)
|
||
|
||
查看所有可用的字体真棒图标： [图标](http://fontawesome.io/icons/) |