はてなブログのデザイン「Minimalism」で、ブログタイトルのフォントをふい字に変更する方法
はてなブログのデザイン「Minimalism」を使用しているこのブログ。
今回は、ブログのタイトルの字体を固くないフォントに変更したくて、ググって実践してみました。
はてなブログ「Minimalism」のブログタイトル部分について
Minimalismというデザインをインストールした直後のブログタイトル部分は、ゴシック調?のフォント。
このブログのタイトルは「いちcafe日記」っていう、一応ほっこり系のタイトルなので、このゴシックタイプがけっこうゴツい感じに見えていて。
で、Wordで昔よく使っていた「ふい字」っていうフォントに変更できないかな〜?って思って、ググってみたら、こちらの記事に行きつきまして。↓
これだ〜!ということで、さっそく実行。
CSSは全く分からない私に必要な「コピペだけでいける設定方法」だったので、大変助かります。
そして、間違いなく変更できました。(´ー`)
ありがとうございます♡
ブログのタイトルを「ふい字」フォントに変更する方法
上記の記事にあった、以下のCSSコードをコピーして ↓
/* ---------ふい字------------ */
@font-face {
font-family: 'HuiFontP109';
src: url('/fonts/public/HuiFont/HuiFontP109.eot');
src: url('/fonts/public/HuiFont/HuiFontP109.eot?#iefix') format('embedded-opentype'), url('/fonts/public/HuiFont/HuiFontP109.woff') format('woff'), url('/fonts/public/HuiFont/HuiFontP109.ttf') format('truetype'), url('/fonts/public/HuiFont/HuiFontP109.svg#HuiFontP109') format('svg');
font-weight: normal;
font-style: normal;
}
/* ---------タイトルをふい字に------------ */
#title a {
font-family: 'HuiFontP109', sans-serif;
}
/* ---------ブログの説明をふい字に------------ */
#blog-description {
font-family: 'HuiFontP109', sans-serif;
}
ブログ編集画面→デザイン→工具マーク→「{}デザインCSS」の1番下に貼り付けて、「変更を保存する」をクリック。
以上です!
kayoko@おうちcafe
はてなブログのデザインテーマ「Minimalism」のインストールからカスタマイズまでの実践集 ↓