Web フォント
HTML5 & CSS3 for beginners.
<!DOCTYPE html>
<html>
<head>
<link href='http://fonts.googleapis.com/css?family=Gabriela' rel='stylesheet' type='text/css'>
<style>
.hand{
font-size:36px;
font-family: 'Gabriela', serif;
}
</style>
</head>
<body>
<h3>Web font</h3>
<div class="hand">HTML5 & CSS3 for beginners.</div>
</body>
</html>
フリー Web フォントの参考サイト
- Google font - http://www.google.com/webfonts
- fonts.com - http://www.fonts.com/web-fonts
- M+フォント - http://mplus-fonts.sourceforge.jp/webfonts
Web font - bold
HTML5 & CSS3 for beginners.
<!DOCTYPE html>
<html>
<head>
<style>
.bold{
font-size:36px;
font-family: 'Gabriela', serif;
font-weight:bold;
}
</style>
</head>
<body>
<h3>Web font - bold</h3>
<div class="bold">HTML5 & CSS3 for beginners.</div>
</body>
</html>