(1)基本のスタイル編 (1-1) 基本テキスト全体②フォントをメイリオに変更する(新CSS編集用デザイン)
(1)基本のスタイル編 (1-1) 基本テキスト全体②の解説です
ここではフォントをメイリオフォントにする方法を解説します。
メイリオフォントにするには、以下のテキストを(1-1)基本テキスト全体の部分の一番下の「強調色テキスト」の下に挿入しましょう。
1 2 |
/*フォント設定*/ body{font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'MS Pゴシック', sans-serif;} |
こんな感じになります。
/* (1-1) 基本テキスト全体
——————————————–*/
/* 地色テキスト */
html {
color: red;
}/* リンク */
a {
color: #3970B5;
}/* 訪問済みリンク */
a:visited {
color: #a27ea2;
}
——————————————–*/
/* 地色テキスト */
html {
color: red;
}/* リンク */
a {
color: #3970B5;
}/* 訪問済みリンク */
a:visited {
color: #a27ea2;
}
/* 淡色テキスト */
.skin-textQuiet {
color: #999999;
}
/* 強調色テキスト */
.skin-textLoud {
color: #ff3399;
}
body{font-family:’ヒラギノ角ゴ Pro W3′, ‘Hiragino Kaku Gothic Pro’, メイリオ, Meiryo, ‘MS Pゴシック’, sans-serif;}
これでメイリオフォントにできます。
次は、背景の設定にいきましょう。