タグ

CSSとfont-familyに関するloosecontrolのブックマーク (7)

  • メイリオ専用CSSの読み込ませ方 【スクランブルエッグ編集長のブログ】

    ローカルで生きている環境がWindows XP+Internet Explorer(以下IEと略)6.0マシンが2台、Mac OS X、OS9が各1台あるので、各OS、ブラウザ、バージョンによって見え方にあまり違いが生じないように吸収しているつもりですが、Windows Vista+メイリオはたまに外出先でチェックしながら修正するだけなので、いまひとつ対応がしきれない状況でした。 現在のスクランブルエッグのIEユーザのうち、IE6は60%、IE7は37%です。時間とともにIE7の割合が増えていくことは歴然としています。 XPマシン2台のうち1台にWindows XP ServicePack3をインストールすることをきっかけにIE7もインストールし、さらにメイリオフォントも入れることにしました。 メイリオダウンロードの詳細 : Windows XP 向け ClearType 対応日語フォン

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

    CSSでのfont-familyの指定がとても悩ましい。文字コードによって表示が変わったりするし、イレギュラーケースまで想定すると煩雑なコードになってしまう。ちょっと整理しながら考えてみる。 まず、font-familyを何も指定しないと、だいたいのブラウザではデフォルトで設定されているフォントで表示されるのだが、文字コードがUTF-8だとWindowsのIE6で英数文字が「Times New Roman」になってしまう。※文字コードがShift_JISやEUC-JPの場合はデフォルトのフォントで表示される。 それでは例えば総称ファミリー名(generic-family)である「sans-serif」のみ指定してみると、WindowsのIE6では文字コードがShift_JIS・EUC-JPの場合は「Lucida Sans Unicode」で、UFT-8の場合は「Arial」で表示されてしま

  • Travellers Tale: スタイルシートでのフォントの名前

    今まで何気なく書いていたフォント指定ですが、hirobox: Safari、スタイルシートでのフォント指定の実際を開いてみたところ、ブラウザによって解釈がまちまちで全然反映されないことがあるのが判明。 ここでは、とりあえずヒラギノに絞って話を書いていきます。検証してみたところ、Safari では、日語名でのフォント指定が効かず、アルファベット表記でも、フォントウェイトを含む形での指定は反映されないようです。 ヒラギノ角ゴシック Pro の場合:

  • 文字化け対策

    次のようにfont-familyを設定したとします。 P { font-family: Impact,Chicago,"Comic Sans MS", /* 欧文用 */ "平成明朝","MS P明朝", /* 和文用 */ serif } CSS1/CSS2の仕様書を読むと、CSS1では一つの要素につき一つのフォントが採用され、CSS2では同時に複数のフォントを採用させることができるということのようです。要素のフォントが決定される過程には、font-style,font-variant,font-weight,font-sizeといった条件も絡んでくるので複雑なのですが、難しいので無視しています。font-familyは継承しますので、上書きしない限り子要素でも同じフォントが使用されます。 上記の例では、CSS1のみサポートしているUAなら、Impact, Chicago, Comic

  • W3G - World Wide Web Guide

    Go to information W3G - World Wide Web Guide W3G について 当サイトは、初学者を対象とする World Wide Web(ワールド・ワイド・ウェブ)における情報技術の解説サイトです。ウェブサイトの作り方などの基・基礎から応用のウェブサイトの品質を高める方法など SEO対策(検索エンジン最適化・ウェブページ最適化)と Web標準(Web Standards)にフォーカスしたウェブサイトの作成情報を中心に扱っています。ただし、作者の知識が偏っているため扱っている内容も偏っています。 免責事項 w3g.jp 配下で公開しているリソースは、その正確性に万全を期すよう努力しておりますが、その内容の正確性、有用性、安全性等については、いかなる保証を行うものでもありません。また、当サイトの利用者が掲載情報に基づいて下した判断および起こした行動により、いか

  • LAZY CAMERA Weblog

    もうずいぶんご無沙汰しています。 最近はトレイルランニングと山に夢中で、このブログももはやカメラネタがほとんど書けない状況になってきました。 継続するというのは大変なことです。 というわけで、Movable TypeをPSGIで動かしているのだけど、先日サーバが再起動したときにStarmanが最起動しなくて管理画面にアクセスできない上に、Memcachedが有効になっていてうまく動かないという状況に陥っていたので、ちゃんと投稿できるかテストでした。 たまには、山に行ったこととか書いていきたいなぁと。

  • 脳内会議「body要素のfont-familyに関して」 : ウェビンブログ

    くっちさんが入室しました くっち:そう、例えるなら… くっち:ヲタが脱ヲタファッションを読んでブランド服を着てみたものの、まともに着こなせず、手入れの仕方もわからずよれよれになっているさまか くっち:ぶつぶつ 敬:…はァ? 洵:あれマスター こっちに出るのは一年半ぶりですね〜(^^ くっち:やあ洵 いつも広報ご苦労さん ホリィ:こんばんはくっちさん。なにか悩み事でも? 敬:どうせ昨日買ったダースが余ってたのに、今日またマカダミアナッツチョコを買ってきてしまったって程度の悩みだろ くっち:違ーーーッ!WEBデザインのこと! くっち:いや、body要素に指定するfont-familyのことなんだけど 洵:一般には「ヒラギノ角ゴ」や「Osaka」を「MS Pゴシック」より前に指定するようにと言われてますよね ホリィ:どうしてですか? くっち:最近のMacにはMicr

  • 1