[CSS]フォントのサイズ指定はpx？ em？ 既存の再検討とこれからのテクニック
フォントのサイズの単位に何を使ってますか？ px？ em？ それら2つのよく利用されるテクニックをおさらいし、さらに第3のテクニックも紹介します。 Font sizing with rem [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに pxを使ったサイズ指定 emを使ったサイズ指定 remを使ったサイズ指定 はじめに フォントのサイズの単位に何を使用するかは、未だに激しい議論の的となっています。それらのテクニックにはそれぞれ長所と短所があるのも現実です。 それらの中で短所が少なく、よく利用されるテクニックは2つあります。 pxを使ったサイズ指定 emを使ったサイズ指定 これら2つのテクニックを再検討し、さらにもう3つ目のテクニックを紹介します。 pxを使ったサイズ指定 ウェブの初期に、私たちはテキストのサイズを定めるために「px」を使用していました。これは一貫しており
10 Examples of Beautiful CSS Typography and how they did it... | 3.7 Designs
Submit your website link and get a detailed report on how you can improve page performance, SEO optimization, mobile usability, and more. 5. Buzzworthy Buzzworthy Studio <div class="example"> <h2><span class="seg">ser</span><span class="seg">vic</span><span class="seg">es<b>.</b></span> <p>Using WordPress as our framework, we custom build websites to make your brand stand out from the noise. It al
Webにおけるフォントと2004JISなどの諸問題について考えてみた（2010春）。 - 遠近法ノート
細かい話をすると膨大になる（というか自分の手に余る）ので、簡潔に書きます。 とりあえず今後のWeb制作の参考になればと。 結論：font-familyで和文フォント名を指定するのは、もうやめる。 そのかわりに、 font:menu;と書けば、OSのシステムフォント（menu以外にも、icon、message-box、caption、status-barがある）を指定できる。 Mac OS Xの諸問題。 ●OS X（10.5以降）のヒラギノは2系統あることに注意。 ●ブラウザで見るフォントは今でも2004JIS（の字形）になっていない。混在している。なぜか？ ●各サイトのCSSでヒラギノPro（ProNではなく）を指定している。 ●ブラウザのデフォルトにヒラギノPro（ProNではなく）が選択されている場合がある。 ●とあるテキストエディタのデフォルトもヒラギノProだったりorz ●Pro
ＭＳ Ｐゴシックをヒラギノに - soundscapeout (仮)
Microsoft Office を導入すると「ＭＳゴシック／ＭＳ明朝／ＭＳ Ｐゴシック／ＭＳＰ明朝」がインストールされ、これらのフォントを使用した書類のプレビューが可能になるという利点もありますが、決して美しいフォントではないので、ウェブブラウジングの際に、これらのフォントが指定されていると、読む気が失われます（ちょっと言い過ぎか？あくまでも個人的な意見ですよ）。 解決する方法は、フォントを使用停止にすればいいのですが、ブラウジングだけのために切り替えるわけにもいきません。 昨日、hail2u.net さんのところで hail2u.net - Weblog - Firefox 3.6以降でＭＳＰゴシックを無効にする という記事が書かれていて、これなら、切り替えずに済む！というわけで、早速試してみました。 結果は、これ が、こんな感じになりました。 私の環境では、UTF-8 でも、日本語が
異なるブラウザでフォントサイズが同じに見える方法を実験してみた: 世界中の１％の人々へ
2009年11月| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 文字サイズ100%でもブラウザによって基本文字サイズが違う。 画像は、このブログを異なるブラウザで開いたスクリーンショットを比較できるようにしたもの。左からInternet Explorer 8.0、Firefox3.5.5、Opera!10.01、Safari4.0.4、Google chrome3.0.195.33で、すべてWindows。 Firefoxの文字サイズが小さいことが一目瞭然。 CSSはこう指定してある。 ◇ベースフォントCSS body { font:100%; arial,helvetica,clean,sans-serif;←モダンブラウザ用 *font-size:medium;←IE
CSS 基準文字サイズ（px）ごとの相対フォントサイズまとめ | バシャログ。
こんばんは、ishidaです。急に肌寒くなってきましたね。 弊社シーブレインは馬車道から目と鼻の先にありますが、その馬車道にて今年も恒例の馬車道まつりが開催されています。１１月１日（日）～１１月４日（水）まで開催されておりますので、馬車道付近にお越しの際は是非お立ち寄りくださいね。 それはさておき、フォントサイズを指定するときにまずはベースとなる基準のフォントサイズをbody等に指定しますが、サイトによって基準を12pxにしたり、13pxにしたり、たまぁ～に10pxにしたりしてます。 そうなってくると相対指定で20px相当って何％だっけ？ってことがよくあるのと、毎回毎回電卓をたたくのが面倒になったので、ここに基準としてよく使いそうなフォントサイズをメモします。 基準文字サイズ 10px 基準文字サイズ 11px 基準文字サイズ 12px 基準文字サイズ 13px 10px
30 Gorgeous Web Safe Fonts To Use With CSS
What Are Web Safe Fonts? As for web designers and web developers, you probably already know this, but as a reminder fonts that are considered web-safe can adapt to any browser even if they are not installed on the user’s computer. Using these fonts will help ensure that the content will be properly loaded and visible on any device, from any internet browser. Along with each web safe font in this l
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://blog.e-riverstyle.com/2009/08/fontfacecss100.html
IEにも対応！10分でできるWebフォント実装法 (1/3)