【ブログ運営】はてなブログのブログタイトルを「ニコモジ」や「ふい字」にする方法

ブログタイトルのフォントの変更方法です。

ブログタイトルを「ニコモジ」にする方法

「ダッシュボード→デザイン→スパナマークのタブ→ヘッダ→タイトル下」を開く。

タイトル下の一番下に下記をコピペして貼り付ける。

<link href="https://fonts.googleapis.com/earlyaccess/nicomoji.css" rel="stylesheet">

 

次に、

「ダッシュボード→デザイン→スパナマークのタブ→デザインCSS」を開く。

デザインCSSの一番下に下記をコピペして貼り付ける。

/* ---------タイトルをふい字に------------ */
#title a {

font-family: "Nico Moji";

}

※ニコモジ以外にも、Google Fontsには他のフォントも用意されています。

googlefonts.github.io

ブログの説明をふい字にする方法

「ダッシュボード→デザイン→スパナマークのタブ→デザイン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;
}

/* ---------ブログの説明をふい字に------------ */
#blog-description {
font-family: 'HuiFontP109', sans-serif;
}

ふい字の変更方法は、

こちらのブログを参考にさせていただきました。

はてなブログのデザイン「Minimalism」で、ブログタイトルのフォントをふい字に変更する方法 - いちcafe日記

※「変更を保存する」を忘れがちなのでご注意ください。