2007 -10-21 ( Sun )

ヒラギノ角ゴ

MacOSXの標準フォント、「ヒラギノ角ゴ Pro」が使えるようになりました。
見ての通りとても見やすいフォントで、綺麗な日本語デザインには欠かせません。
あ、例文には特に意味ないです。今、まる梅食べてるんで。うまい(´∀`)

しかし、ヒラギノ角ゴをWindowsにインストールすると、かなり困ったことが起こります。
以前もぶつぶつと書いていますが、実際に見ていただいた方がいいでしょう。
取りあえず追記をご覧ください。

More

下のスクリーンショットは、今やホッテントリが日常化しているYamadaさんのサイト、
ホームページを作る人のネタ帳」を私のパソコンで見た状態です。

font-familyでヒラギノ角ゴが優先指定されてしまう

一見綺麗に見えますが、よく見ると文字のふちがガビガビしています。長時間読むには少々厳しいです。
何故このようなことが起こるかというのは、こちらで詳細に解説されています。

CSSでのfont-familyの指定がとても悩ましい。文字コードによって表示が変わったりするし、イレギュラーケースまで想定すると煩雑なコードになってしまう。ちょっと整理しながら考えてみる。

WEBデザイナーのナナメガキ:CSSのfont-family:ヒラギノとMS Pゴシックとメイリオの悩ましい関係

つまり、WEBページの本文フォントは指定しないのが理想なのですが、またもInternetExplorerがわけのわからない挙動をするので、製作者側からなにがしかを指定してやらなければならない、ということです。

かつては「MS Pゴシック」を先頭にするのが無難と思われていましたが、MacOSXにもOfficeが同梱されるようになってしまったので、現在は「ヒラギノ角ゴ Pro W3」を先頭にするのがCSSデザイナーのセオリーっぽくなっています。

では、WEBやDTPのデザイナーでWindowsにヒラギノを入れている人はどうなるのでしょうか。

むーん、とは言っても「Windowsにヒラギノフォントをインストールしている」っていう環境まで想定する事はあまり必要はないかも。web制作会社の一部ではあるかも、ぐらいですかね。

WEBデザイナーのナナメガキ:CSSのfont-family:ヒラギノとMS Pゴシックとメイリオの悩ましい関係

そうです…(TДT;
一般大衆の幸せのためにWEB屋とDTP屋が犠牲になったのです…
ちなみに私の勤め先のパソコンも既にこうなっていますorz


普通のウェブサイトであれば、JavaScriptでのブラウザでのCSS振り分けなどが考えられるでしょう。しかし、不特定多数に配布するテンプレートではそうは行きません。
最近の私は、デザイン性を重視する場合は先頭に「Arial」か「Trebuchet MS」を指定するようになりました。
▲等の記号が少し崩れてしまうので良い方法とも言えないのですが、とりあえずWin・Macの最近のブラウザでは英字以外はブラウザの基本フォントが反映されるようなので、一通り読むことができます。

さて私は…どうしましょうかね。
またsugさんのブックマークレットを応用させてもらって、ヒラギノ地獄のページにはユーザースタイルシートをあてましょうか。

Tag
WEBデザイン CSS フォント 

Comment

Re:ヒラギノをWindowsに入れた日から、貴方の苦悩は始まるのですよ。

ガッデム!
ここのコメント欄もヒラギノ優先指定してたぜッッ!

あと、一般的な商業フォントというと、平成ゴシックでしょうか。
欲を言えば新ゴも欲しいですが。
平成ゴシックを手に入れたら、ヒラギノはWindowsから削除してもいいかな、と思ってます。
ひらがなの「お」が気に入らないので(笑)

コンミ^。^彡ばんは。

>最近の私は、デザイン性を重視する場合は先頭に「Arial」か「Trebuchet MS」を指定するようになりました。
最近の私は、先頭に「Trebuchet MS」を指定するようになりました。理由は、Trebuchet MSを指定するのがこの顔文字が↓一番かわいいからです。
ミ^。^彡

……バカねたコメントですみません。

なお、どシロウトの阿檀が市販のフォントセットを腐るほど買い込んでいるのは極秘です。ここまでいったらもう変じゃない?っていうくらいの、フォントフェチなんです(涙

ねこだねこだ

ほんとだ、Trebuchet MSがいちばんかわいいですね〜
(CSSいじって比べてみた)
「MS」が付いてるだけあってWindows用のフォントみたいで、
同時に「Trebuchet」を指定しているサイトも多いですが、
最近のMacでもちゃんと出るみたいですね。
特に「M」「g」が特徴的で好きです。

>フォントフェチ
セットを買うんですか?それは凄い(@o@)
当たり前ですけど、デザインフォントは高くてなかなか揃えられません。
「フリーで良いフォント」とかいう記事を見ると速攻クリックしてしまいます。

あ、コンってことはキツネなのか?だったら勘違いすみませんww

購入するセットは、プロ用のではないですが。

>ねこだねこだ
にゃんですと≧ΦωΦ≦
狐のほうが正解です。
某ゲームサイトで、女狐僧正という名を、(ゲーム上の)国の、(ゲーム上の)君主に賜ったのが最初です。
しかし、別国の人には、「カニ」と呼ばれていました。>ミ゚。゚彡


関係ないンですが
http://blog.fc2.com/forum/viewtopic.php?t=18934
拝読。

カスタマイズサポートは有償でなさるんかと思ってました。
洵さん、ふとっぱら。

サイトのカスタマイズが終わりました!

こんばんは!
この度、無事に新しいブログを完成させることができました!
洵様に教えていたたおかげです。本当にありがとうございました!
こんな感じになりましたというご報告ということで、書き込みさせていただきましたm(_ _)m
一応、URLを載せておきます。

それでは失礼します(*'-'*)ノシ

>阿壇さん・ぴかちうさん

>阿壇さん
女狐僧正!
なんか、知恵を生かして戦乱の世をしたたかに生きる、北条政子とか淀君的な女性をイメージしてしまいました。
パラメーター高そうです(^Д^
>ふとっぱら
今回で最後になるぽいです。
諸々の事情で共有テンプレートからは、近いうちに引退する予定でおります。
(共有システムから削除するというだけで、お試し版は自サイトで配るつもりです)
その引退の片づけをしている時間がないもので、もう少しお付き合いいただくことになりますけどww


>ぴかちうさん
おぉ、できましたか。おめでとうございますi-189
ソースコードに余計なタグが混ざっており、お手数をおかけしました(汗)

なるほど、オンラインゲームのブログだったのですね。
私も(ちと違いますが)SECONDLIFEのブログをやっていますから、画像を沢山載せたいというのはわかります〜
せっかくなので大いに流用せていただきます(笑)

これをとっかかりに、カスタマイズの面白さを感じていただければ幸甚です。

Re:ヒラギノをWindowsに入れた日から、貴方の苦悩は始まるのですよ。

>諸々の事情で共有テンプレートからは、近いうちに引退する予定でおります。
あらま、さびしいです。彡´。`ミ

  • 麻生(阿檀)
  • URL
  • 2007-10-25(Thu) 04:16
  • Edit
Post comment

管理者のみ読めるようにする

Trackback

trackback URL
http://webbingstudio.blog10.fc2.com/tb.php/497-3857cb02
引用して記事を書く(FC2ブログ用)

What's new