まりふのひと

ブログのデザインを Wideboard → MINIMに戻し、フォント等を変更した

 今年の3月からブログのデザイン/テーマを Wideboardに変更した。
本文の幅を広がったので、大きい画像を使えるようになったのは良かったが、

  • 箇条書きの下の番号付きリスト(++)が箇条書きになってしまう。
  • 番号付きリストに「前0」が付く。(01.,02. ‥‥)

のが気に入らず、元の MINIM に戻した。

1.MINIM のまま

2.ヘッダーの画像の下の余白を小さくした

🌎はてなブログのデザインカスタマイズ【ヘッダー(タイトル)画像下の余白の調整方法編】

(引用:Future Nova)
上記サイトのコードをそのまま デザインCSS に貼り付けた。

3.フォントを メイリオ にした


既定のフォントではチョッと線が細い‥‥ ので、下記サイトよりコピペし、メイリオ に変えた。

🌎もう迷わない、「@font-familyはこれでOK!」を色々考えてみた

(引用:unitopi - ユニトピ -)

4.{}デザインCSS(結果)

/* <system section="theme" selected="10328749687194646740"> */
@import "https://blog.hatena.ne.jp/-/theme/10328749687194646740.css";
/* </system> */

/*フォントの設定 */
body {
font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}

/* ----- ブログタイトル下のスペース調整 ---- */
#blog-title{
height:130px;
}