practice

　　　　

<html>

<meta charset="utf-8">

<link href="https://fonts.googleapis.com/css?family=Train One"rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Sacramento"rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Caveat"rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Amatic+SC"rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Poiret+One"rel="stylesheet">
<style>
.サンセリフ{font-family:sans-serif;}
.セリフ{font-family:serif;}
.モノスペース{font-family:monospace;}
.インパクト{font-family:Impact;}
.カースィヴ{font-family:cursive;}
.ファンタジー{font-family:fantasy;}
.コミック{font-family:"Comic Sans MS";}
.エイリアル_ブラック{font-family:"Arial Black";}
.トレイン_ワン{font-family:"Train One";}
.サクラメント{font-family:"Sacramento";}
.ケイビアト{font-family:"Caveat";}
.アマティック{font-family:"Amatic SC";}
.ポアレ_ワン{font-family:"Poiret One";}
</style>

<p style="font-size:24px;color:#456789;">font-family: 無指定(ブラウザのデフォルト)</p>
<p style="font-size:20px;color:#456789;">123456790</p>
<p style="font-size:20px;color:#456789;">ABCDEFGHIJKLMNOPQRSTUVWXYZ</p>
<p style="font-size:20px;color:#456789;">abcdefghijklmnopqrstuvwxyz</p>
<hr>
<p class="サンセリフ"style="font-size:40px;">sans-serif</p>
<p class="サンセリフ"style="font-size:20px;">123456790</p>
<p class="サンセリフ"style="font-size:20px;">ABCDEFGHIJKLMNOPQRSTUVWXYZ</p>
<p class="サンセリフ"style="font-size:20px;">abcdefghijklmnopqrstuvwxyz</p>
<hr>
<p class="セリフ"style="font-size:40px;">serif</p>
<p class="セリフ"style="font-size:20px;">123456790</p>
<p class="セリフ"style="font-size:20px;">ABCDEFGHIJKLMNOPQRSTUVWXYZ</p>
<p class="セリフ"style="font-size:20px;">abcdefghijklmnopqrstuvwxyz</p>
<hr>
<p class="モノスペース"style="font-size:40px;">monospace</p>
<p class="モノスペース"style="font-size:20px;">123456790</p>
<p class="モノスペース"style="font-size:20px;">ABCDEFGHIJKLMNOPQRSTUVWXYZ</p>
<p class="モノスペース"style="font-size:20px;">abcdefghijklmnopqrstuvwxyz</p>
<hr>
<p class="インパクト"style="font-size:40px;">Impact</p>
<p class="インパクト"style="font-size:20px;">123456790</p>
<p class="インパクト"style="font-size:20px;">ABCDEFGHIJKLMNOPQRSTUVWXYZ</p>
<p class="インパクト"style="font-size:20px;">abcdefghijklmnopqrstuvwxyz</p>
<hr>
<p class="カースィヴ"style="font-size:40px;">cursive</p>
<p class="カースィヴ"style="font-size:20px;">123456790</p>
<p class="カースィヴ"style="font-size:20px;">ABCDEFGHIJKLMNOPQRSTUVWXYZ</p>
<p class="カースィヴ"style="font-size:20px;">abcdefghijklmnopqrstuvwxyz</p>
<hr>
<p class="ファンタジー"style="font-size:40px;">fantasy</p>
<p class="ファンタジー"style="font-size:20px;">123456790</p>
<p class="ファンタジー"style="font-size:20px;">ABCDEFGHIJKLMNOPQRSTUVWXYZ</p>
<p class="ファンタジー"style="font-size:20px;">abcdefghijklmnopqrstuvwxyz</p>
<hr>
<p class="コミック"style="font-size:40px;">Comic Sans MS</p>
<p class="コミック"style="font-size:20px;">123456790</p>
<p class="コミック"style="font-size:20px;">ABCDEFGHIJKLMNOPQRSTUVWXYZ</p>
<p class="コミック"style="font-size:20px;">abcdefghijklmnopqrstuvwxyz</p>
<hr>
<p class="エイリアル_ブラック"style="font-size:40px;">Arial Black</p>
<p class="エイリアル_ブラック"style="font-size:20px;">123456790</p>
<p class="エイリアル_ブラック"style="font-size:20px;">ABCDEFGHIJKLMNOPQRSTUVWXYZ</p>
<p class="エイリアル_ブラック"style="font-size:20px;">abcdefghijklmnopqrstuvwxyz</p>
<hr>
<p class="トレイン_ワン"style="font-size:40px;color:#007f6f;">Train One</p>
<p class="トレイン_ワン"style="font-size:20px;color:#007f6f;">123456790</p>
<p class="トレイン_ワン"style="font-size:20px;color:#007f6f;">ABCDEFGHIJKLMNOPQRSTUVWXYZ</p>
<p class="トレイン_ワン"style="font-size:20px;color:#007f6f;">abcdefghijklmnopqrstuvwxyz</p>
<hr>
<p class="サクラメント"style="font-size:40px;color:#007f6f;">Sacramento</p>
<p class="サクラメント"style="font-size:20px;color:#007f6f;">123456790</p>
<p class="サクラメント"style="font-size:20px;color:#007f6f;">ABCDEFGHIJKLMNOPQRSTUVWXYZ</p>
<p class="サクラメント"style="font-size:20px;color:#007f6f;">abcdefghijklmnopqrstuvwxyz</p>
<hr>
<p class="ケイビアト"style="font-size:40px;color:#007f6f;">Caveat</p>
<p class="ケイビアト"style="font-size:20px;color:#007f6f;">123456790</p>
<p class="ケイビアト"style="font-size:20px;color:#007f6f;">ABCDEFGHIJKLMNOPQRSTUVWXYZ</p>
<p class="ケイビアト"style="font-size:20px;color:#007f6f;">abcdefghijklmnopqrstuvwxyz</p>
<hr>
<p class="アマティック"style="font-size:40px;color:#007f6f;">Amatic SC</p>
<p class="アマティック"style="font-size:20px;color:#007f6f;">123456790</p>
<p class="アマティック"style="font-size:20px;color:#007f6f;">ABCDEFGHIJKLMNOPQRSTUVWXYZ</p>
<p class="アマティック"style="font-size:20px;color:#007f6f;">abcdefghijklmnopqrstuvwxyz</p>
<hr>
<p class="ポアレ_ワン"style="font-size:40px;color:#007f6f;">Poiret One</p>
<p class="ポアレ_ワン"style="font-size:20px;color:#007f6f;">123456790</p>
<p class="ポアレ_ワン"style="font-size:20px;color:#007f6f;">ABCDEFGHIJKLMNOPQRSTUVWXYZ</p>
<p class="ポアレ_ワン"style="font-size:20px;color:#007f6f;">abcdefghijklmnopqrstuvwxyz</p>
<hr>
<h1>　<br>　</h1>

</html>