BloggerテーマQooQでタイトルのフォントサイズを変更+フォント変更するとオシャレ!

2022/03/11

blog blogger

t f B! P L

 

こんばんは。カズパパ@下町(@GuyTangerine)です。

今回は、ブログのタイトルのフォントサイズの変更とフォント自体の変更を試してみたいと思います。参考にした記事はこちら。ちゃんと前回のブログカード表示のHTMLを使ってます(笑)えらい、ワタシ。

まずは、フォントサイズを100%から200%に大きく変更しました。それから、フォントを游ゴシックに変更するのにあわせて細字にしました。



両方ともHTML編集でCSS部分を編集や行追加する必要があります。管理画面の「テーマ」→「カスタマイズ横の▼ボタン」→「HTML編集」でブログのコードを表示させて編集します。

バックアップや詳細手順は2つのブログ記事をご参照頂くとして、まずはタイトルのフォントサイズと太さを変更。CSSの「#header-title」部分です。

・「font-size」のパーセンテージの数値を大きくする
・「font-weight」を「bold」の太字から細字の「lighter」に変更する

次に、CSSの「#header」と「#header a」部分に1行追加します。

font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "MS Pゴシック", "MS PGothic", sans-serif;

これにてフォントサイズの変更、フォント太さの変更、フォント自体の変更が完了です。ブログのカスタマイズとなると、やはり、HTMLやCSSのちょっとした編集は避けられないですね。もちろん楽しいのですけどね(笑)ソースコードやプログラムは人間と違い反映や処理の可否がストレートです。間違えたらNG、正しければOK。良いですよね!

では、また。

プロフィール・SNS

自分の写真
コロナ時代にブログ再始動
写真やカメラ、旅、ガンプラが好きな二児のパパ

カズパパ@下町のSNSへ(lit.link)

このブログを検索

ブログ アーカイブ

プライバシーポリシー・お問い合わせ先・プロフィール

「プライバシーポリシー」「お問い合わせ」は、こちらのページへ。簡単なプロフィールも

カヅパパ@下町Twitter

ブログランキング

QooQ