自分用のメモです。font-sizeはpxやptなどで指定するとIEで拡大、縮小ができないので、パーセントなどで指定することが多いと思います。しかし、パーセントで指定すると、ブラウザごとに大きさが違ったりします。そこで、基本サイズが12px～16pxのときに10px～26px相当を表示するパーセントの数値を計算して、各ブラウザで確認したものをまとめました。 注意点 これは僕が自分で...
『 へー、なるほど。もっとも私は未だにYUIFontsCSS使ったこと無いんですけど。今度試してみよう。 』
6月20日に、Macromedia Flash Conferenceへ行ってきました。その一番最後の時間枠は、FlashのコンクールというかコンテストというかでFlashの作品をいろいろ募集している、さまざまなサイトの紹介をするスペシャルセッションでした。こういった場では、かなり大きいスクリーンに画面を表示させて、たくさんの受講者みんなで見るというスタイルが採られるわけですが、いくら大きなス...
[http://developer.yahoo.com/yui/fonts/:title=Yahoo! UI Library: Fonts CSS]を知ってから、CSSを書く際にfont-sizeは大体このライブラリを読み込ませてから使っています。ただし、Operaで表示する際には、気をつけたほうがよさそうな点があったので、メモしておきます。 Fonts CSSはどういう構造になっているのか詳細は分かりませんが、とりあえずクロスブラウザで同じフォントサイズを実現してくれ...
数で合理的にデザインする - サイズ編 で少し書いたfont-sizeについての補足です。 どのくらいの文字サイズで見られているかは，ブラウザとその設定によってまちまちです。でも，せめてデフォルトの状態では意図したレイアウト，フォントサイズで見てもらいたい，という願いもないわけではありません。font-sizeの指定をどうするか，ちょっと考えてみました。 font-sizeは%で font-...
ブライト・ウェイの調査によると、家庭用PCのディスプレイサイズは14〜15インチが半数以上、19インチ以上は1割ほどだった。動画サイトの利用者は6割以上で、普及していることがうかがえた。 [Business Media 誠] powered by newsing テレビで見た話題をYahoo!で検索したり、ネットショッピングで買い物をしたり……かつて“仕事の道具”だったPCはすっかり日常的な存在になり、家庭にも...
このところずっと各ブラウザ間で差異の出ないフォントサイズの指定方法について検証していたんだけど、やっとその解らしきものを発見。 13px基準の場合、まずデフォルトのcssに、 body { font-size: 13px; *font-size: 81.25%; /*for IE6,IE7*/ } と記述。 これに対して以下の範囲の％値でfont-sizeを指定。 表示したいサイズ（px）指定する値（％） 10px77～80% 11px85～88% 12px93～96% 13px100～103% 14px108～111...
日本語・英語のサイト制作に使用しているCSSのフォントサイズの指定で、2007年用デフォルトとしているものです。 %指定を採用している理由の１つは、font-size、line-heightとともに組...
標準で入ってると思われるフォントのリストです。日本語・英語以外の言語用のフォントも混じってます(ただしきちんと英数字が含まれるもののみ)。フォントのキャプチャに加え、CSSでフォント指定をしたリストをつけました。インストールされていればそのフォントで表示されるはずですが、ブラウザによっては指定が効かないフォントもあります。[Bold]は太字での表示です...
