fonts awesome!

font-awesome

HTML

<p1>1</p1><br>
<p2>2</p2><br>
<p3>3</p3><br>

<p4>4</p4><br>
<p5>5</p5><br>
<p6>6</p6><br>

<p7>7</p7><br>
<p8>8</p8><br>
<p9>9</p9><br>

<p10>10</p10><br>
<p11>11</p11><br>
<p12>12</p12><br>

CSS

@font-face{
    font-family:FontAwesome;
    src:url(https://netdna.bootstrapcdn.com/font-awesome/2.0/font//fontawesome-webfont.eot?#iefix) format('eot'),
	url(https://netdna.bootstrapcdn.com/font-awesome/2.0/font//fontawesome-webfont.woff) format('woff'),
	url(https://netdna.bootstrapcdn.com/font-awesome/2.0/font//fontawesome-webfont.ttf) format('truetype'),
	url(https://netdna.bootstrapcdn.com/font-awesome/2.0/font//fontawesome-webfont.svg#FontAwesome) format('svg');
    font-weight:400;font-style:normal;
}

ul { padding-left:20px; list-style:none; }
li { margin-bottom:10px; }


p1:before {
     font-family: 'FontAwesome';
    content:"\f0c9";
    padding:0 5px 0 15px;   
} 
p2:before {
     font-family: 'FontAwesome';
    content:"\f0ac";
    padding:0 5px 0 15px;   
} 
p3:before {
     font-family: 'FontAwesome';
    content:"\f082";
    padding:0 5px 0 15px;   
} 

p4:before {
     font-family: 'FontAwesome';
    content:"\f09c";
    padding:0 5px 0 15px;   
} 
p5:before {
     font-family: 'FontAwesome';
    content:"\f095";
    padding:0 5px 0 15px;   
} 
p6:before {
     font-family: 'FontAwesome';
    content:"\f022";
    padding:0 5px 0 15px;   
} 


p7:before {
     font-family: 'FontAwesome';
    content:"\f054";
    padding:0 5px 0 15px;   
} 
p8:before {
     font-family: 'FontAwesome';
    content:"\f003";
    padding:0 5px 0 15px;   
} 
p9:before {
     font-family: 'FontAwesome';
    content:"\f081";
    padding:0 5px 0 15px;   
} 


p10:before {
     font-family: 'FontAwesome';
    content:"\f002";
    padding:0 5px 0 15px;   
} 
p11:before {
     font-family: 'FontAwesome';
    content:"\f073";
    padding:0 5px 0 15px;   
} 
p12:before {
     font-family: 'FontAwesome';
    content:"\f1b2 ";
    padding:0 5px 0 15px;   
}