WordpressのTwenty Tenのフォントを変更してみる

タイトルのフォントサイズを変更します。

ダッシュボード>外観>テーマ編集>スタイルシート(Style.css)をいじります。

#header {
padding: 30px 0 0 0;
}
#site-title {
float: left;
font-size: 30px;
line-height: 36px;
margin: 0 0 18px 0;
width: 700px;
}
#site-title a {
color: #36648B;
font-weight: bold;   
text-decoration: none;
}

font-size: 32px;
line-height: 16px;
にしました。

あとヘッダーの上下のラインの太さと色を変えました。

/* This is the custom header image */
#branding img {
border-top: 4px solid #fff;
border-bottom: 1px solid #fff;
display: block;
float: left;
}

border-top と border-bottomです。


次にフォントを変更します。
Twenty Tenだと、デフォルトが明朝体なフォントです。

なのでフォントの設定の有りかは、、、

ダッシュボード>外観>テーマ編集>スタイルシート(Style.css)です。
この辺りを探してください


font-family: Georgia, "Bitstream Charter", serif;

ここを、メイリオあたりに変えてみたいです。Macはヒラギノですよね。Winだとメイリオに変更すると良さそう。

font-family: ‘ヒラギノ角ゴ Pro W3′,’Hiragino Kaku Gothic Pro’,'メイリオ’,Meiryo,’MS Pゴシック’,sans-serif;


こんな感じです。

設定を保存してリロードして見てください。いい感じになりました。



にほんブログ村 PC家電ブログ Macへ