« 自作スタイルシートの適用 | Main | タイトル画像を表示させる »

スタイルシートでフォント変更

 ココログの新着情報見てたら、どちらかのサイトさんで「Operaと相性が悪いみたいで…」というくだりがありました(そのサイトさん自体のアドレスがわからなくなってしまったのですけど

 大半のかたはIEだと思われますので、スタイルについて細かく気にする必要はないのですが、「Opera」ユーザーの方はもうおわかりのとおり、ココログの既存デザインをつかったページ、はっきりいってIE以外では見づらいです。フォントがぐちゃぐちゃになってるのが最大の問題ですね。「見れないことは、まあない」程度かな。

*2004.01.12追記
 最新版の「Opera」ではこのフォントの問題は改善されているように見えます。フルカワは現在ヴァージョン7.23を使用してチェックしています。フォントが崩れてるなーと思われる方、まずはバージョンアップして見てはいかがでしょうか。


 既存デザインでまともな日本語フォントを見れるのは、おそらく「エレガンス」だけじゃないかと思います。(これはこれで色がアレですが)。
 そこでスタイルシートを用いてフォントを綺麗なものに変更してしまいましょう。

  (→自作スタイルシートファイルについてはこちらをどうぞ。)

 既存のデザイン用のスタイルシートは、多くのフォント指定が

 font-family:’Trebuchet MS’,Verdana,sans-serif;

 となっており、日本語フォントの見栄えがあまりよくありません。
そこで、自作スタイルシート各所のこの一行を

 font-family: Georgia,’Times New Roman’,serif;

とか

 font-family: Georgia,’MS Pゴシック’、Osaka,Arial,sans-serif;

とかに変えると日本語フォントの見栄えがましになるかと思います。
もちろん、使用するフォントは汎用性の高いもののほうがいいと思われます。

|

TrackBack

TrackBack URL for this entry:
http://app.cocolog-nifty.com/t/trackback/2005/8748

Listed below are links to weblogs that reference スタイルシートでフォント変更:

» Operaバージョンアップ [.slow]
詞織:スタイルシートでフォント変更「Opera」ユーザーの方はもうおわかりのとおり、ココログの既存デザインをつかったページ、はっきりいってIE以外では見づらいで... [Read More]

Tracked on 2004.01.27 at 08:34 PM

» 等幅フォントとプロポーショナルフォント [おでぼうご]
MSゴシックとMSPゴシック、MS明朝とMSP明朝など、 違いがハッキリ分かっていない人が多いと思う。 まず種類分けすると、 MSゴシック、MS明朝→等幅... [Read More]

Tracked on 2004.10.19 at 10:16 AM

» Fantasy rape stories. [Rape fantasy story.]
Fantasy rape stories. [Read More]

Tracked on 2007.04.21 at 07:24 AM

» Buy cheapest phentermine online phentermine order. [Buy phentermine order cheap online.]
Order phentermine information about phentermine. Order phentermine uk. Order phentermine online. Adipexdrug addiction order phentermine online. Order phentermine. Order phentermine c o d. Buy phentermine order cheap online. [Read More]

Tracked on 2007.05.23 at 10:53 AM

Comments

IEでも、こんなに醜い事が起きてるそうです。
http://ftokyo.cocolog-nifty.com/sysop/2003/12/ie55.html

確かに奨励ブラウザは最新版しかない(ヘルプにあった)けれど、IEで見えないって醜いな。

Posted by: chika | 2003.12.05 at 04:08 AM

 chikaさん、情報ありがとうございます。IE5.5とは確かに難しいブラウザですね。教えていただいた記事はすごく参考になりました。
 ココログでサイトを作る側としては、ひとりの一般人ですから多くのブラウザに対応させるというのはすごく難しいですよね。書く側も読む側も深く考えずに楽しめる、そんなサービスにココログが成長して欲しいなあと思ってます。

Posted by: フルカワマサユキ | 2003.12.05 at 04:34 AM

『どちらかのサイトさんで「Operaと相性が悪いみたいで…」というくだりがありました』・・・これって僕ですか?
FFへんしゅ~ちょ様からコメント頂き、FFへんしゅ~ちょ様のblog見てこちらにたどり着きました。
でも、ma-samiさんからカウンターを設置した際コメント頂き、こちらのサイトの紹介を受けてました。
なんだかこう考えるとblogの世界ってすごいですね。

Posted by: aries | 2003.12.12 at 01:15 AM

ariesさん、こんにちは。
 ココログの世界、まだまだ相互コミニュケーションの輪は狭い段階ですね。お知り合いの知り合いを通じてつながることができる段階、お互いに活用したいものですね。

>『どちらかのサイトさんで「Operaと相性が悪いみたいで…」というくだりがありました』・・・

(サイト拝見中…)えーと、たぶん別口だと思います^^;私がこの記事を書いたのは、諸ブラウザの中でOperaのみが「文記事の文字化け」という問題を抱えていた、という点のゆえだったと思います。Mozillaとかですと、スタイルが反映しないケースがあるとは言っても文字が読みにくい、というほどでもありませんし。私も含めてOperaユーザーにはココログの敷居はまだまだ高いかもしれませんが、使えるTipsを紹介する機会がまだあればなあと思ってます。変な点があれば、教えていただけるとさいわいです。

Posted by: フルカワマサユキ | 2003.12.12 at 08:03 AM

はじめまして。
スタイルシートのスの字もわからない
ウェブログ初心者ですが、こちらのサイトで
勉強してなんとか改造できました!
本当にありがとうございました~(^-^*)

Posted by: ほの | 2004.03.31 at 06:31 PM

Hello! Good Site! Thanks you! dmiutayzsw

Posted by: skavzsmirq | 2007.08.22 at 12:52 AM

Post a comment