ちょっと見え方を調整中
本紙のこと。
しばらくスタイルシートを放置していたのですが、なんだかsafari—firefox（on MacOSX）方面でフォントが読みにくくなっていることに気づきました。今までと見え方が違う人が続出するとは思いますが、お許しください。
読みにくくなって困っている方は、OSとブラウザを明記の上、コメントにご意見をお寄せください。（なかなか、全てに対応するのは難しいですね。でも、できるだけのことはやりますです。はい）
| 固定リンク
「12家庭欄 （ブログ・サイト）」カテゴリの記事
- 編集長復活！(2009.06.13)
- きゅうかんちゅう(2008.01.25)
- 雪舟(2008.01.02)
- ちょっと見え方を調整中(2007.12.06)
- かえるの子はかえる(2007.11.12)
コメント
見えにくい原因の一つはボールドタグの一つが閉じてないことだということにあとで気づきました。わはは。まぬけだ。
作業の過程で、スタイルシートから明朝系を抜いてみました。どうでしょう？
（おそらく今までと見え方が変わらない人もいそうな感じ。実はfont-family設定がえらい混乱していたもので・・・）
投稿： あさみ編集長 | 2007.12.06 18:14
ついでに、メインページの各記事タイトルに、各記事の個別ページへのリンクを設定してみました。リンクにアンダーラインがちょっと見え方として嫌なんだけど、これって記事タイトルだけアンダーラインを外せるのかなあ。（独り言）
投稿： あさみ編集長 | 2007.12.06 18:26
ゴシックの方が字がはっきりしてて読みやすいことは読みやすいんですが、「あさみ新聞」の明朝体は「新聞」と銘打ってることへのこだわりによるものと思ってました。
それにしてもアマゾンリンクの「Soup. (スープ)」って、、
スタイルシート関連本が出てくるならまだわかるんだけど。。
投稿： m-louis | 2007.12.07 00:29
あ、やっぱり分かってくださる方もいたんですね。
m_louisさん。お久しぶり。
スタイルだからSoup.なんですね。
って・・・逆なら分かるけど・・・。
で、
はい。そのこだわりでした。でも、プラットフォームの違いや、ブラウザの違いでかなり見えにくくなるというようなことが分かって、泣く泣くゴシックオンリーを選択したというのが実情です（泣
でも、そう言ってくださる方が１人でもいて下さるなら、元に戻そうかなあと思い始めました。でも、そもそものfont指定が、かなりいいかげんだったことが本日判明しておりまして・・・。きちんと明朝で見えていたのは、ごく限られた範囲だったのではないかと思います。
そのあたりを研究して出直す、というのが当面のビジョン、というか、作業になりそうです。
OSX上でも、Firefoxとsafariでは、フォントの読み方が違うようです（フォントを仮名漢字で ヒラギノと書かないと反応してくれないのがFF、hiraginoとか横文字で書かないと読んでくれないのがsafariみたい・・・です【自信ない】）。ま、そんな面倒なことせずに、serifとかsan-serifとか買いておけばいいんでしょうかねえ？
あと、メインページの各記事タイトルのアンダーラインは、akanem特派員のご指導により解決しました。聞けば「なあんだ、簡単じゃん」って話でしたが、それが自力でできないのが、放課後webデザイナーのつらさです。
少し様子を見ながら勉強しますが、基本的には「つまらない理由で易きに流れるよりも、きちんとこだわりは通したい」という、原点に戻ろうと思います。ぜひ。
で、
貴重かつうれしいコメントをいただいておきながら、申し訳ないですが、一言。
「新聞と銘打っている」のではなくて、「新聞」です。（キッパリ）
投稿： あさみ編集長 | 2007.12.07 01:47
いやはや、それはごもっともなツッコミで（笑）
ちなみに自分の場合、随分昔からなんで、もう現在形で対応しきれてないかもしれませんが、一応各ブラウザ対応ってことで、明朝体の場合は
font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "平成明朝", "MS Mincho", serif;
ゴシックの場合は
font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", "MS PGothic", sans-serif;
と記述するケースがが多いです。
ま、ゴシックの場合、半角英数字をより洒落た感じに見せたい場合は、"Hiragino〜 の手前に「"Lucida Grande", "Lucida Sans Unicode", "Verdana","Helvetica", "Arial",」なんて付けたり、あと、Windows の日本語書体をMacと同等に一画持たせたい場合は "MS Gothic" と "P" を外してみたり、その辺は気分と臨機応変って感じですね。
あと、試したことないけど、BJKit(BeautifulJapaneseKit)なる文字列をアンチエイリアス化させるツールがあるようです。
ま、やるとしてもタイトルくらいで充分とは思いますが。。
Soup.に「スタイルマガジン」という文字列が入ってるのは気づいてたんですが、エントリー本文には「スタイルシート」という文字列がきっちり入ってるのだから、しっかりそのまま感知してくれよ〜という意味でした。
投稿： m-louis | 2007.12.07 05:39
いやはや。m_louisさま。ありがとうございます。
プロのご指導をちょうだいしてしまいました。
こうして、多くの人々の英知に支えられて、あさみ新聞は成り立っております。でもまあ、こうやって、人に頼ってばっかりいるから、発行人本人の技量の向上が見られないワケですが・・・。それはともかく、ありがとうございます。
で、反省しておいていきなり質問しちゃいますが
ヒラギノでゆけ！とブラウザ君にお願いすると、
「«」がちゃんと出ない、という問題点が発覚しております。「<<」とかに変えてしまえばいいんでしょうけど、根本解決ではないですよね・・・。かといってダイナフォントやモリサワを指定しておくわけにもいきません。
ヒラギノって○付き数字も他とラインナップが違いますよね？そのあたりに問題の根幹があることだけは想像がつくのですが・・・。
だいたいTTとOTとCIDだっけ？の違いがわかってないので、悩ましい・・・勉強します。
投稿： あさみ編集長 | 2007.12.07 11:38
ＸＰ-火狐 良好です・・・え？解決済みですか？
私もスタイルシートいじくってみたいんですがなかなか踏ん切りが付きません。
タイトルのところにマイ画像入れたいんだけどな。
投稿： ひろき | 2007.12.07 20:27
ひろき左官理事さま
スタイルシートはまあ、気づいたときにぼちぼちやってます。
私も、何かやりたいことがないと勉強しないし、調べるにしても自分のやりたいこと以外の情報はすっ飛ばして体得しているので、体系立てて理解していない、という根本的欠陥があります。まあ、でもそれで、困ってないのでいいんだけどね。
で、タイトルのところにマイ画像。そんなに難しくはなさそうですよ。
gooブログの場合、管理画面のテンプレート編集で
/* ブログのタイトル部全体の背景（デフォルトは画像使用） */
のところで、
.header {background-image: url(画像のURL);}
とやれば、基本的にはいけると思います。割と簡単だと思いますよう。たぶん、画像の大きさの調整が一番手間かかる感じだと思います。
投稿： あさみ編集長 | 2007.12.08 17:39