ツナの備忘録

ツナの備忘録

旅行と語学の備忘録

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

 

こんにちは、ツナです。

 

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

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

 

 

 

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

本日の先生

www.a-s-blog.com

 

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

 

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

 

私のメニューバーには

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

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

 

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

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

fonts.google.com

 

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

f:id:shinuyaru:20190423180324p:plain

 

下の「Family Selected」を選択

f:id:shinuyaru:20190423180759p:plain

 

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

f:id:shinuyaru:20190423180836p:plain

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」に変更すれば、

適応されます!

 

 

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

 

 

ツナ