gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Changed fontawesome to Font Awesome in index.md (#22073)

Browse Source
This commit is contained in:
Ian Paterson
2018-11-07 00:55:44 +00:00
committed by Manish Giri
parent b2a3fc1471
commit 10ff953d19
1 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
guide/english/bootstrap/fontawesome-icons/index.md
View File

@@ -1,10 +1,10 @@
--- ---
title: Fontawesome Icons For Bootstrap title: Font Awesome Icons For Bootstrap
--- ---
## Fontawesome Icons For Bootstrap ## Font Awesome Icons For Bootstrap
Bootstrap (from version 4 onwards) have dropped Glyphicon icons font in their latest release. Bootstrap (from version 4 onwards) have dropped Glyphicon icons font in their latest release.
Fontawesome Icons provide you with over 675 icons and they come in font format. Font Awesome Icons provide you with over 675 icons and they come in font format.
#### How To Use: #### How To Use:
@@ -12,7 +12,7 @@ In the `<head>` of your html include a reference to Font Awesome.
```html ```html
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"> <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
``` ```
Using fontawesome is same as using Glyphicon. Using Font Awesome is same as using Glyphicon.
Simply create `<i>` or `<span>` tag and apply the CSS Prefix `fa` and the icon's name. A code example has been provided below. Simply create `<i>` or `<span>` tag and apply the CSS Prefix `fa` and the icon's name. A code example has been provided below.
@@ -26,14 +26,14 @@ Simply create `<i>` or `<span>` tag and apply the CSS Prefix `fa` and the icon's
<span class="fa fa-freecodecamp" aria-hidden="true"></span> <span class="fa fa-freecodecamp" aria-hidden="true"></span>
#### Fontawesome Icon List: #### Font Awesome Icon List:
Complete list of icons provided by fontawesome is available [here](http://fontawesome.io/cheatsheet/) Complete list of icons provided by Font Awesome is available [here](http://fontawesome.io/cheatsheet/)
`.fa fa-align-left` This is fontawesome align left icon. `.fa fa-align-left` This is Font Awesome align left icon.
<span class="fa fa-align-left" aria-hidden="true"></span> <span class="fa fa-align-left" aria-hidden="true"></span>
`.fa fa-heart` This is fontawesome heart icon. `.fa fa-heart` This is Font Awesome heart icon.
<span class="fa fa-heart" aria-hidden="true"></span> <span class="fa fa-heart" aria-hidden="true"></span>