いまさらだけど、font-sizeを比較してみた - entacl Lab.
css font 投稿日： 2012.09.27 投稿者： 小平 yahoo YUIファンは、パーセントかな？ ピクセルはもうなかなかいないのかな？ emでやってると、結構らくちんなのかな？ remでやってるのは、css3できりすてなのかな？ などなど 思っていたら比較してみよってことで比較しました。 font-sizeの種類比較 各デモもつくってみました、なんとなくですがw ブラウザ間にてもきれいにサイズは表示できるようしている状態です。 ピクセル - px 往年のご隠居的存在ですね あえてピクセルを使う必要ってないですよね メリット ピクセルの世界のweb屋にとってはわかりやすい デメリット IEで文字拡大できない パーセント yahoo!YUIリセットcssなどを使用している場合は、わかりやすそうです。 とりあえず、↓のcssをデモしてみました→ body { font-size:
Windows版SafariのLucida Grande。 - 遠近法ノート
さて、一昨日の記事に関して、ブクマにて、 id:nlogn こんな話もあるみたいなのだが，どうなのだろうか→日本向けのサイトでフォントにLucida Grandeを最初に指定してはいけない - ayu118の日々雑感。 http://d.hatena.ne.jp/ayu118/20090207/1233987618 2013/02/27 との疑問が。 どうやら、Windows版のSafariをインストールすると、Lucida Grandeが勝手に入っていたらしいです。 さらにおかしな文字化けを誘発すると。 これだからApple製のソフトはやっかいなんですよね……。 でも、これはすでに完全に終わったブラウザなので、ほとんど影響ないかと思います。あらゆるバグを回避しようとすると、究極なにも指定しないのがいいという話に落ち着いてしまうので。 ……ということで大丈夫ですかしら。id:nlognさん
“ＭＳ Ｐゴシック” をメイリオみたいにアンチエイリアスさせるCSS3ハック
CSS3 を使って Windows から見るブラウザ上の "MS Pゴシック" をメイリオみたいに、アンチエイリアスさせて表示する方法を発見してしまったので紹介します。 さて、↓の２つのの文字を見比べてください。 実はどちらも同じ "MS Pゴシック"なんです（Chromeで画像化しています）。 CSS3 の transform を使う さて、これをどうやって実現しているかと言うと、CSS3 の transform を使って、アンチエイリアスさせたいテキストを、少しだけ縦方向に拡大しています。 .clear-type { -webkit-transform-origin: 0 0; -webkit-transform: scale(1, 1.01); -moz-transform-origin: 0 0; -moz-transform: scale(1, 1.01); -ms-transf
CSSを使ってどのブラウザでもフォントサイズを「％」で統一させる方法 | colori
CSSによるフォントサイズの指定は「font-size」属性を使って簡単に設定することができますが、ピクセル指定などの絶対的サイズで統一する方法にくらべて非常にやっかいなのが、相対的なサイズによるサイズの統一です。 ブラウザによって異なる、フォントサイズの境界 例えば「font-size:70%」というふうに指定して、Internet Explorer 6とFirefox2.0で見てみたページが以下のようなものです。 ※ページはxmlタグつきのXHTML1.0 Strictで作成、つまりInternet Explorer6は下位互換モードで表示されていますが、標準モードでも同じサイズで表示されます。 あきらかにFirefoxで表示されたページのフォントサイズが小さくなっていることがわかります。 このように、フォントをパーセント指定した場合は、その数値によってフォントサイズを規定する境界に微
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
