CSS3 Webfonts, CSS3 Webfonts with Examples

<!DOCTYPE html>
<html>
	<head>
    	<title>CSS3 Webfonts</title>
    </head>
    <body>
	
		<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=IM+Fell+Double+Pica+SC" />
		
		<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Metrophobic" />
		
		<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Iceland" />
    	
        <style type="text/css">
			.font_1{
				font-family: "IM Fell Double Pica SC";
				font-size: 24px;
				font-style: normal;
				font-variant: normal;
				font-weight: 500;
				line-height: 28px;
				margin:15px auto;
			}
			.font_2{
				font-family: Metrophobic; 
				font-size: 24px;
				font-style: normal;
				font-variant: normal;
				font-weight: 500;
				line-height: 28px;
				margin:15px auto;
			}
			.font_3{
				font-family:Iceland; 
				font-size: 30px;
				font-style: normal;
				font-variant: normal;
				font-weight: 500;
				line-height: 28px;
				margin:15px auto;
			}
        </style>
		
        <div class='font_1'>Free Time Learning (www.freetimelearning.com)</h1>
		<div class='font_2'>Free Time Learning (www.freetimelearning.com)</h1>
		<div class='font_3'>Free Time Learning (www.freetimelearning.com)</h1>
		
    </body>
</html>

Output :

Topic : Webfonts