【初心者が挑戦】フォントカスタマイズ(タイトル、メニューバー)
こんにちは、ツナです。
超ど級のパソコン初心者が、
文字のフォントのカスタマイズに挑戦した記録です。
「文字フォント カスタマイズ」で検索。
本日の先生
いつも通り、コピペで完了です。
先生、ありがとうございます(笑)
私のメニューバーには
英語が使われているので、
英語のフォントのカスタマイズを記録しておきます!
英語の文字フォントを変更する。
Google Fontsのサイトにアクセスする
設定したい文字を選んで右上の+を選択
下の「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」に変更すれば、
適応されます!
これで文字フォントのカスタマイズが完成です!!
ツナ