サイト内検索
...スタイルシート(css)...
スタイルシート・テキスト
フォントの指定
- フォントは、font-familyプロパティを指定します。
- [使い方]
- .sample
{
font-size: 150%;
font-weight: bold;
font-family: cursive,serif;
}
| フォント名を指定する方法 | "ＭＳ Ｐ明朝"または'ＭＳ 明朝'
フォント名にスペースが含まれる場合は、 ダブルクォーテーション（"）か シングルクォーテーショ（'）で囲みます。 |
|
|---|---|---|
| フォントの種類を指定 | sans-serif | ゴシック体系 |
| serif | 明朝体系 | |
| cursive | 筆記体系 | |
| fantasy | 装飾系 | |
| monospace | 等幅系 | |
| 候補の設定 | font-family: "候補 1","候補 2","候補 3";
表示できない場合を考えて複数指定しておきます。 |
|
フォント名は、こちらをご覧ください。
Windows・Macintosh （OS）に共通して標準的にインストールされている欧文フォント名
Arial, Arial Black, Comic Sans MS, Courier New, Georgia, Impact,
Times New Roman, Trebuchet MS, Verdana"
などがあります。
サンプル
[ｈｅａｄの中]
<style type="text/css"><!--
.sample{
font-size: 150%;
font-weight: bold;
font-family:Arial,cursive,serif;
}
-->
</style>
[ｂｏｄｙの中]
指定をfont-size: 150%; font-weight: bold;
font-family: Arial,cursive,serif;
にすると
このように
<span class="sample">font-size: 150%; font-weight: bold;
font-family: Arial,cursive,serif;
</span>
表示されます。
[ブラウザ上]
指定を
font-size: 150%; font-weight: bold;
font-family: Arial,cursive,serif;
にすると
このように
font-size: 150%; font-weight: bold;
font-family: Arial,cursive,serif;
表示されます。
