Code:
<html>
<head>
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine">
<link href="https://fonts.googleapis.com/css?family=Dancing+Script|Kaushan+Script|Poiret+One" rel="stylesheet">
<style>
body{
background-color: #ffccdd;
}
div.font1{
font-family: 'Tangerine', serif;
font-size: 48px;
}
div.font2{
font-family: 'Dancing Script', cursive;
font-size: 48px;
}
div.font3{
font-family: 'Poiret One', cursive;
font-size: 48px;
}
div.font4{
font-family: 'Kaushan Script', cursive;
font-size: 48px;
}
</style>
</head>
<body>
<div class="font1">Hey I can do web fonts</div><br/>
<div class="font2">Hey I can do web fonts</div><br/>
<div class="font3">Hey I can do web fonts</div><br/>
<div class="font4">Hey I can do web fonts</div><br/>
</body>
</html>
----------------------------------------
Demo:
0 comments:
Post a Comment