サイト内検索
...スタイルシート(css)...
スタイルシート・テキスト
フォントの指定
- フォントは、font-familyプロパティを指定します。
- [使い方]
- .sample
{
font-size: 150%;
font-weight: bold;
font-family: cursive,serif;
}
フォント名を指定する方法 | "MS P明朝"または'MS 明朝'
フォント名にスペースが含まれる場合は、 ダブルクォーテーション(")か シングルクォーテーショ(')で囲みます。 |
|
---|---|---|
フォントの種類を指定 | 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"
などがあります。
サンプル
[headの中]
<style type="text/css"><!--
.sample{
font-size: 150%;
font-weight: bold;
font-family:Arial,cursive,serif;
}
-->
</style>
[bodyの中]
指定を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;
表示されます。