【初心者が挑戦】フォントカスタマイズ(タイトル、メニューバー)

こんにちは、ツナです。

超ど級のパソコン初心者が、

文字のフォントのカスタマイズに挑戦した記録です。

「文字フォント カスタマイズ」で検索。

本日の先生

www.a-s-blog.com

いつも通り、コピペで完了です。

先生、ありがとうございます(笑)

私のメニューバーには

英語が使われているので、

英語のフォントのカスタマイズを記録しておきます！

英語の文字フォントを変更する。

Google Fontsのサイトにアクセスする

fonts.google.com

設定したい文字を選んで右上の＋を選択

下の「Family Selected」を選択

HTMLをコピーして、はりつける。

HTMLの貼付け場所は、

「デザイン」→「カスタマイズ」→「ヘッダ」→「タイトル下」

CSS設定をする

「デザイン」→「カスタマイズ」→「デザインCSS」に、追加します。

#title{
    font-family: "XXXX";
    font-size: 65px;
    letter-spacing: 15px;
}

はてなブログのタイトルのフォントを変更する方法 日本語対応 - ミニマム コラム

この時、「XXXX」に、

青色線部分を入力します。

例えば、このような感じ。

#title{
    font-family: "Roboto";
    font-size: 65px;
    letter-spacing: 15px;
}

タイトルではなく、メニューバーの文字をカスタマイズする時には、

「#title」の部分を「#gnav .menu」に変更すれば、

適応されます！

これで文字フォントのカスタマイズが完成です！！

ツナ