Android WebApp Learning Road IIIn the jquery Mobile authoritative guide book, we've been told how to refer to icons, but JQuery Mobile has too few icons to match the actual requirements. So online to find a bit, there is no free icon, Emperor not negative, finally found a, that is the font Awesome. To tell the truth it's a lot of pictures I was surprised, although the black and white icons, but it is free, really good.Now consider the project how to reference its icon, first to download its file package (I have downloaded, upload to CSDN, the address below), unzip the file, the entire fonts file copied to the project, and the CSS folder in the Font-awesome.min.css files copied to the project (with FONT-AWESOME.CSS is also possible).
Next, the CSS that references it on the Web page is the same as referencing another CSS method:
<link rel= "stylesheet" href= "Css/font-awesome.min.css" type= "Text/css"/>
In the place where you need the icon, write:
<i class= "fa fa-github fa-fw" ></i>
The whole thing is:
<a href= "http://fanxingwufeng.github.io/" rel= "external" data-role = "button" ><i class= "fa Fa-github FA-FW" ></i> my github</a>.
: http://download.csdn.net/detail/u012157999/8667193
How JQuery mobile refers to font Awesome Icons
