« 「すきま時間を有効活用」ザウルスを1年使ってみた感想 | トップページ | foobar2000 C++言語を覚えよう »

2007年8月 9日 (木)

ココログのブログをメイリオに対応させよう

メイリオはWindows Vistaで搭載された見た目が美しく読みやすいフォント。

メイリオについて詳しくはこちら

メイリオでの表示例↓

メイリオでの表示例

読みやすいフォントのため、Windows XPにインストールして使っている人も多いと思う。

しかし、残念ながらココログのテンプレートはMSゴシックで表示するようになっているため、メイリオの恩恵を受けられない。

そこで、テンプレートを変更してメイリオで表示する方法を紹介する。

(注) 今回紹介する方法を使ってもIE6では日本語がメイリオで表示されない。これはIE6のバグなのでどうしようもない。別のブラウザ(IE7ならOK)を使うかWindows Vistaを使おう。

さて、メイリオで表示する手順は以下のとおり。

  1. テンプレートのCSSからフォント設定部分を取り出す
  2. 取り出したフォント設定部分にメイリオを追加し、新しいCSSとして保存
  3. 保存したCSSをブログにアップロードし、サブタイトル欄に取り込む

かなり強引な手段だが、ココログのテンプレートを使いながらメイリオに対応させるにはこの方法しか思いつかなかった。

将来的にはココログがメイリオに対応してくれることを祈るしかない。


   

手順1 テンプレートのCSSからフォント設定部分を取り出す

  1. ブログのトップページのソースを表示し、読み込んでいるCSSをローカルに保存する
    (<link rel="stylesheet" ~> となっている部分のリンク先ファイルを全て保存)
  2. ブログのルートディレクトリにある「styles.css」というファイルをローカルに保存する
  3. 1,2で保存したCSSファイルをエディタで開く(複数個あると思う)
  4. "font-family"で検索し、ヒットした行と、その行を含むブロックのみからなる新しいファイルを作成する

3,4が分かりにくければ手順2のサンプルを参考にしてほしい。


   

手順2 取り出したフォント設定部分にメイリオを追加し、新しいCSSとして保存

  1. "font-family"の行の最初に「'メイリオ', 'Meiryo',」を追加、行の最後に
    「!important」を追加する 
  2. 編集したファイルを「mystyles.css」という名前で保存する(名前は何でも良い)

ちょっとわかりにくいかもしれないが、以下のようなファイルができていればよい。

なお、「直接styles.cssを書き換えればいいじゃん」と思われるかもしれないが、記事を投稿したりデザインを変更したりした場合に元のstyles.cssで上書きされてしまうため、このような強引な方法を使っている。


   

手順3 保存したCSSをブログにアップロードし、サブタイトル欄に取り込む

  1. 保存した「mystyles.css」をブログにアップロードする
  2. ブログのサブタイトルに以下のタグを埋め込む

    <link rel="stylesheet" href="アップロードしたディレクトリ/mystyles.css" type="text/css" />

    "アップロードしたディレクトリ"は自分のサイトに合わせて書き換える

以上で完了。

ブログを再構築後、メイリオで表示されているか確認しよう。

(当然だがメイリオをインストールしていないとゴシックで表示されるので念のため)

|

« 「すきま時間を有効活用」ザウルスを1年使ってみた感想 | トップページ | foobar2000 C++言語を覚えよう »

ウェブログ・ココログ関連」カテゴリの記事

コメント

ほうほう。
見易い上に可愛らしいフォントですな~。
最近は、ゴシック系のフォントが人気なのでしょうかなあ。

残念ながら丑の日にウナギ、食しませんでしてなあ。
でも7月は、2度ほど食べる機会があったので
良しとしましたぞ。
ウナギの蒲焼が焼ける匂を想像するだけで・・・
ジュルリ。
ははは。

投稿: ゴン太 | 2007年8月11日 (土) 16:17

突然ですが、もし、さしつかえなければ、
私のサイトに、あなた様の
ブログを登録していただけないでしょうか。
ランキングを楽しんだり、
さまざまなブログを拝見したり、
ブログライフの引き出しとして、
お願いできないでしょうか。
是非、御願いします。
こちらのサイトです。
http://www.p-netbanking.jp
よろしく御願いします。

投稿: magazinn55 | 2007年8月12日 (日) 06:43

> ゴン太さん

おお、2度も食せば体力も十分ですね!
私も先週いただきましたが、何度でも食べたくなりますね~。
山椒がピリっと効いたのが好みです(*^-^*)


> magazinn55

わざわざありがとうございます。
登録させていただきますね。

投稿: きたへい | 2007年8月15日 (水) 20:37

はじめまして、
こちらのブログのおかげでワタクシの拙ブログもメイリオで表示できるようになりました。
見栄えがよくなりました。ありがとうございました。
#calenderのブロックは、メイリオにしちゃうと日付が枠からはみ出してしまうので、メイリオを外しています。
ゆずの「虹」も今、初めて聞きました。
いいですね。YouTubeにあんなに高音質でアップロードするにはどうすればいいのでしょうね。

投稿: たら~く | 2009年12月21日 (月) 08:41

> たら~くさん

書き込みありがとうございます。
無事メイリオで表示できるようになったようでなによりです。ブログ、拝見させていただきました。こちらでもちゃんとメイリオで見ることができましたよ。

こんな手の込んだことをしなくても、ココログでフォントの選択ができると便利なんですけどねぇ。

私は良く分からないんですが、YouTube、高音質でアップロードするのは難しいんですか?今までアップロードしたのはしょぼい動画ばっかりだったので気づきませんでした(^^;

投稿: きたへい | 2009年12月21日 (月) 18:25

初めまして!
今までは記事だけをメイリオにしていましたが、面倒になってきたのでこちらのノウハウを使わさせていただきました。
手順が難しかったので、手順2のサンプルをコピーさせてもらいましたが無事に出来ました。
ありがとうございました。

投稿: 小軍サマ | 2010年7月25日 (日) 18:40

> 小軍サマさん

書き込みありがとうございます!
お役に立てたようで何よりです。
メイリオ、読みやすくていいですよね。

投稿: きたへい | 2010年8月 6日 (金) 19:48

コメントを書く



(ウェブ上には掲載しません)


コメントは記事投稿者が公開するまで表示されません。



トラックバック


この記事へのトラックバック一覧です: ココログのブログをメイリオに対応させよう:

« 「すきま時間を有効活用」ザウルスを1年使ってみた感想 | トップページ | foobar2000 C++言語を覚えよう »