[Blogger]QooQのフォントをメイリオに変更 CSSのみで実装する方法

[Blogger]の標準フォントをそのまま利用していたのですが、他のサイトの日本語フォントがきれい表示されているのに気づき、フォント変更ができないものか調べてみました。

「メイリオ」「MSPゴシップ」が選択できない

[Blogger] のフォント設定では、Arialなどの約70種類ぐらい選択できるわけですが、日本語フォントの種類は少なく、現在、日本語サイトで多数採用されている「メイリオ」「MSPゴシップ」が選べない状況です。

ブログ全体のフォントを一括して変更したい

出来れば一度で、ブログ全体のフォントを統一で変更したい。。という考えなのですが・・

例えば、[Blogger]標準のテンプレートである「Soho」などで全体のフォント設定をしようとしたのですが、ダメでした。部分、部分でフォント設定をしていくようです。

投稿記事ではブログのタイトルが変更できていても、トップページのヘッダ部分のタイトルは変わらなかったり。。記事内の基本フォントだけ設定が効いてなかったり。。と。

一度の設定で、ブログ全体の基本フォントを設定したいのです。

[QooQ]で「メイリオ」をCSS変更のみで設定する

そこで、[QooQ]でフォントを一括変更できる手法を調べてみました。

CSSに変更を加えるというシンプルな方法で、「メイリオ」「MSPゴシップ」を設定できます。

基本フォントの設定変更になりますから、 ブログタイトル、記事タイトル、記事内文書、ウィジェット、タグ、などの全てのテキストが切り替わります。

テーマ
↓
[カスタマイズ]をクリック



上級者向け
↓
[CSSを追加]をクリック




CSSの追加ウィンドウに下記の一文をコピペするだけです。




コピペしたら、「ブログに適用」ボタンを押すことを忘れずに。

以上で設定は完了です。ブログサイトをリロードしてみてください。
「QooQ」テンプレートの全体のフォントが「メイリオ」フォントに切り替わります。