Skip to content

Commit eb03eaa

Browse files
committed
chore(docs): add how-to for Font Awesome inclusion
1 parent 338e69b commit eb03eaa

File tree

1 file changed

+37
-0
lines changed

1 file changed

+37
-0
lines changed
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
# Include [Font Awesome](http://fontawesome.io/)
2+
3+
[Font Awesome](http://fontawesome.io/) gives you scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS.
4+
Create a new project and navigate into the project...
5+
```
6+
ng new my-app && cd my-app
7+
```
8+
9+
With the new project created and ready, you will next need to install Font Awesome.
10+
11+
Install the `font-awesome` library and add the dependency to package.json...
12+
```bash
13+
npm install --save-dev font-awesome
14+
15+
```
16+
17+
To add Font Awesome CSS icons to your app...
18+
```css
19+
/* in src/styles.css */
20+
21+
@import "~font-awesome/css/font-awesome.css";
22+
```
23+
24+
Run `ng serve` to run your application in develop mode, and navigate to `http://localhost:4200`.
25+
26+
To verify angular material has been set up correctly, change `src/app/app.component.html` to the following...
27+
```html
28+
<h1>
29+
{{title}} <i class="fa fa-check"></i>
30+
</h1>
31+
```
32+
33+
After saving this file, return to the browser to see the Font Awesome icon next to the app title.
34+
35+
### More Info
36+
37+
- [Examples](http://fontawesome.io/examples/)

0 commit comments

Comments
 (0)