iWeb にイラストレータで作った文字の GIF 画像を貼り付けると Windows のブラウザで美しく表示されない問題に悩まされ続けて1年。

Mac のブラウザでは、少しぼやけて表示されるだけで、文字の型くずれは起きません。

iWeb で制作しているサイトのクライアントが Windows ユーザーなので、ホントは大問題。この事態を解決するために、ほぼ1年の試行錯誤でした。

やっとたどり着いたのが「iWeb 上で文字を画像化できる」との情報。

テキストを直接 iWeb 上に書くのではなく、図形を挿入して、その図形の中にテキストを挿入すれば、そのテキストは画像になるというもの。加えて、図形の外枠をなしに、図形の背景色をなしにすれば図形そのものは表示されません。

しかし、何度やっても画像にはなりません。ところが偶然の出来事だったのですが、図形の中に長すぎるテキストを書いたところ、図形に収まりきれない文字は図形からはみ出し表示されません。

そのままの状態で iWeb を保存し、HTML に書き出して Windows の IE で開いたところ文字は画像になっていたのでした。

再度、確認するために図形の中に収まる長さのテキストを書いて HTML に書き出し。

Windows の IE で開いたところ、文字はテキスト状態で画像になっていません。

「これだ！　図形から文字がはみ出すようにすることがポイントだ！」

iWeb 2.0 でも試しましたが、iWeb 1.0 と同じようになります。

1年間の疲れがどっと来ましたが、これで美しい文字が使用できるようになったことに安堵。

上の画像は Windows の IE での表示の様子。上がイラストレータで作った GIF 画像、ぼやけて数字の「2」などが型くずれしています。

下が iWeb 1.0 上でテキストを画像化したもの。鮮明で美しい。

Windows のブラウザでも表示させたいフォント、ここの例では「ヒラギノ角ゴ Std W8」をどうしても使いたいと思ったときには、この文字の画像化が必要なのです。

iWeb

僕もiwebでホームページを作っていて、このwindows上での文字の問題にぶつかったいたところでこちらのサイトを見つけました。ありがとうございました。(2011.03.05 23:42:43)