HTML CSS examples for CSS Widget:Font
Using fontawesome font as icon
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" type="text/css" href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css"> <style id="compiled-css" type="text/css"> body {<!-- w w w. j av a 2 s. com--> background:Chartreuse; } .fa-flickr:before { color:yellow; background-size:100% 51%; background-repeat:no-repeat; background-position:0% 51%; background-image:linear-gradient( to right, blue 51%, pink 51% ); } </style> </head> <body> <i class="fa fa-flickr fa-3x"></i> </body> </html>