2006.01.07 Saturday
1/7 フォントサイズに辟易
年末にボクいち(B'z/surfaceファンサイト http://chino.boo.jp/)の移転作業をしたときに、サイト全体のフォントサイズに変更を加えてみました。WindowsとMac(解像度の違い)、ブラウザのデフォルトサイズの違いなどで、どうしても見え方が変わってしまう文字の大きさ…。いろいろと試した結果、今回は「80%」という指定を使うことにしました。
思えば最初に使ったのがポイントやピクセルでの指定(10pxとか10ptとか)。これならどの画面でも同じに見えるだろう…と思ったら大間違い。おまけに、ユーザ側で文字の大きさを変更できない(出来るブラウザもあったけど)、ということもあってボツ。…ボツと言っても、迷路化している我がサイトでは全部の設定をいっぺんに修正できずに今でもどこかに残っているかも。
その次に使っていたのが相対的な大きさ指定(smallとかx-smallとか)。これならユーザ側で拡大縮小も出来るし、ある程度「小さめな」文字がでる。
が、久々にWindowsマシンを購入して自分のサイトを見てみたら、これも幻想であったことが判明。Winマシンで見ると文字がでかくてデザインが崩れる崩れる……(涙)。こんな状態のサイトをずっと皆さんに見続けさせてきたかと思うと申し訳ない…。
そして今回使ったのは「80%」。
普通の設定よりちょっと小さい…って感じ?
皆さんのブラウザではどんな感じに映ってるんでしょう?(この日記も本文は80%の設定)
これに気がついたのは、新しく借りたサーバ、ロリポップのblogのcssを見たとき。MacでもWinでも比較的同じような感じに見えて、「おっこれだ!」と。
ボクいちのほうはサイト全体を移転ついでに全部のページを調整完了。
そこで、「ついでに本家のほうもやっちゃおう!」と思ったら大変なことになってます。
なにが大変って、
<FONT size="-1">
という指定がものすごく多い。そう、そもそも「少し小さめの文字」で見せたいというのは1996年にサイトを始めてからずっと思っていたこと。なので、cssなんかがなかった時代には、font sizeで1段階小さいものに…というふうにしていたわけです。これが 80% という指定と相容れない。いや、相容れないというのか、むしろ-1の指定のほうが何の指定もしていないものよりも大きな文字になったりする。単位が違うんだからしかたがない…。
すべてのページに、サイト全体のデフォルトcssを読み込ませるように変更すれば楽なのだけど、このfont指定があるからこれを消さないと以前より汚いページになってしまうこと必死。
…このfont指定を一気に削除する方法ってないんでしょうかね(涙)。
思えば最初に使ったのがポイントやピクセルでの指定(10pxとか10ptとか)。これならどの画面でも同じに見えるだろう…と思ったら大間違い。おまけに、ユーザ側で文字の大きさを変更できない(出来るブラウザもあったけど)、ということもあってボツ。…ボツと言っても、迷路化している我がサイトでは全部の設定をいっぺんに修正できずに今でもどこかに残っているかも。
その次に使っていたのが相対的な大きさ指定(smallとかx-smallとか)。これならユーザ側で拡大縮小も出来るし、ある程度「小さめな」文字がでる。
が、久々にWindowsマシンを購入して自分のサイトを見てみたら、これも幻想であったことが判明。Winマシンで見ると文字がでかくてデザインが崩れる崩れる……(涙)。こんな状態のサイトをずっと皆さんに見続けさせてきたかと思うと申し訳ない…。
そして今回使ったのは「80%」。
普通の設定よりちょっと小さい…って感じ?
皆さんのブラウザではどんな感じに映ってるんでしょう?(この日記も本文は80%の設定)
これに気がついたのは、新しく借りたサーバ、ロリポップのblogのcssを見たとき。MacでもWinでも比較的同じような感じに見えて、「おっこれだ!」と。
ボクいちのほうはサイト全体を移転ついでに全部のページを調整完了。
そこで、「ついでに本家のほうもやっちゃおう!」と思ったら大変なことになってます。
なにが大変って、
<FONT size="-1">
という指定がものすごく多い。そう、そもそも「少し小さめの文字」で見せたいというのは1996年にサイトを始めてからずっと思っていたこと。なので、cssなんかがなかった時代には、font sizeで1段階小さいものに…というふうにしていたわけです。これが 80% という指定と相容れない。いや、相容れないというのか、むしろ-1の指定のほうが何の指定もしていないものよりも大きな文字になったりする。単位が違うんだからしかたがない…。
すべてのページに、サイト全体のデフォルトcssを読み込ませるように変更すれば楽なのだけど、このfont指定があるからこれを消さないと以前より汚いページになってしまうこと必死。
…このfont指定を一気に削除する方法ってないんでしょうかね(涙)。