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