Sunday, November 6, 2016

How to use font awesome to polish your website

Paste the following css code in your html:

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">

This downloads font awesome from bootstrap cdn.

In CSS, you can try:

.your-class {
  content: "\f00c";
  font-family: 'FontAwesome';
}

which provides you the icon ok

Or in html codes, you can use
<i class="fa fa-ok fa-lg"></i>

<div>&#xf00c;</div>
has similar results. Notice that <div> must have
    font-family: 'FontAwesome'
in its class.


Check this cheat sheet for more symbols:
http://fontawesome.io/cheatsheet/


Check youtube links for help too:





No comments:

Post a Comment

Manacher's Longest Palindromic Substring Algorithm

http://manacher-viz.s3-website-us-east-1.amazonaws.com/#/