CSSによるフォントサイズの指定は「font-size」属性を使って簡単に設定することができますが、ピクセル指定などの絶対的サイズで統一する方法にくらべて非常にやっかいなのが、相対的なサイズによるサイズの統一です。 ブラウザによって異なる、フォントサイズの境界 例えば「font-size:70%」というふうに指定して、Internet Explorer 6とFirefox2.0で見てみたページが以下のようなものです。 ※ページはxmlタグつきのXHTML1.0 Strictで作成、つまりInternet Explorer6は下位互換モードで表示されていますが、標準モードでも同じサイズで表示されます。 あきらかにFirefoxで表示されたページのフォントサイズが小さくなっていることがわかります。 このように、フォントをパーセント指定した場合は、その数値によってフォントサイズを規定する境界に微
タグ
- すべて
- 住宅ローン (2)
- * (47)
- ** (15)
- *webサービス (712)
- *はてな (240)
- *オンライン窓口 (7)
- *育児 (40)
- 2ch (104)
- 401k (51)
- API (29)
- AdSense (3)
- Adobe (6)
- Ajax (20)
- Amazon (245)
- Android (9)
- Apollo (4)
- Apple (27)
- BRIC's (54)
- CPU (4)
- CSS (310)
- CSSNite (5)
- Chrome (4)
- DVD (18)
- E7001 (15)
- ETF (125)
- EU (13)
- Evernote (20)
- Excel (61)
- Eye-Fi (8)
- F1 (3)
- FON (11)
- FP (58)
- FX (14)
- Facebook (46)
- Favicon (12)
- Firefox (118)
- Flash (12)
- Flickr (46)
- Font (24)
- GDP (8)
- Game (21)
- Gmail (23)
- Google (256)
- GoogleEarth (4)
- Greasemonkey (40)
- HIV (4)
- HT-03A (12)
- HTML (81)
- HTML5 (3)
- IE (8)
- IFRS (11)
- IME (4)
- IPO (4)
- IT (3)
- Illustrator (8)
- JavaScript (123)
- LED (7)
- Mac (209)
- MacBook (21)
- Microsoft (4)
- Movable Type (3)
- MovableType (52)
- NBonline (66)
- NHK (12)
- NISA (35)
- NM706i (2)
- Netbook (8)
- NexusOne (2)
- OS (2)
- Office (2)
- OpenID (3)
- Opera (3)
- P2P (3)
- PC (63)
- PDF (34)
- PHP (4)
- PHS (4)
- PV (5)
- PayPal (6)
- Perl (4)
- Photoshop (116)
- Plagger (11)
- PowerPoint (2)
- RD-E301 (3)
- REIT (13)
- RSS (82)
- RTM (2)
- SEM (4)
- SEO (290)
- SNOOPY (15)
- SNS (45)
- SOX法 (4)
- SSD (11)
- Skype (3)
- Square (3)
- TV (54)
- Tumblr (26)
- Twitter (343)
- UI (13)
- Ustream (6)
- VBA (6)
- VQ1005 (5)
- Wi-Fi (4)
- Wikipedia (5)
- Windows (31)
- WordPress (3)
- X2 (5)
- XBRL (7)
- Xperia (2)
- Yahoo! (25)
- Yahoo!Pipes (13)
- Youtube (21)
- ^LED (3)
- ^ギャンブル (4)
- ^クリーンエネルギー (15)
- ^ジェネリック (2)
- ^原油 (4)
- ^電子書籍 (2)
- art (35)
- blog (362)
- book (346)
- bookmarklet (16)
- business (843)
- camera (150)
- card (4)
- color (40)
- cooking (42)
- copyright (55)
- design (316)
- dropbox (11)
- finance (572)
- food (34)
- football (2)
- foursquare (2)
- generator (34)
- iCloud (2)
- iDeCo (2)
- iPad (27)
- iPhone (80)
- iPod (11)
- iTunes (6)
- icon (75)
- jQuery (30)
- life (607)
- lifehack (89)
- livedoor (10)
- logo (3)
- map (35)
- media (3)
- medical (118)
- mixi (14)
- mobile (13)
- money (590)
- movie (35)
- music (54)
- net (2)
- news (9)
- niconico (18)
- photo (185)
- search (54)
- software (162)
- spam (12)
- study (17)
- tips (77)
- tool (8)
- travel (57)
- userstyles (2)
- web (73)
- win (4)
- xhtml (4)
- ©べつやくれい (9)
- ©カン・チュンド (8)
- ©保田隆明 (22)
- ©内藤忍 (30)
- ©勝間さん (7)
- ©北村慶 (5)
- ©安藤忠雄 (13)
- ©小幡さん (6)
- ©山口揚平 (30)
- ©山崎元 (223)
- ©板倉雄一郎 (95)
- ©橘玲 (8)
- ©石野雄一 (5)
- ©鈴木一之 (4)
- »2120(ネクスト) (3)
- »2121(mixi) (25)
- »2371(カカクコム) (2)
- »2411(ゲンダイAG) (2)
- »2426(P&P) (6)
- »2438(アスカネット) (3)
- »2485(ティア) (3)
- »2593(伊藤園) (2)
- »2668(タビオ) (4)
- »2670(ABCマート) (2)
- »2695(くら) (3)
- »2702(マクド) (4)
- »2737(トーメンデバイス) (4)
- »2744(ウイン) (3)
- »2749(JPHD) (4)
- »2762(三光マーケ) (3)
- »2769(ヴィレヴァン) (2)
- »2772(ゲンキー) (2)
- »2792(ハニーズ) (3)
- »3048(ビックカメラ) (5)
- »3073(Dダイニング) (2)
- »3079(DVx) (3)
- »3098(ココカラファイン) (8)
- »3140(イデア) (2)
- »3150(UBエナジー) (3)
- »3313(ブックオフ) (11)
- »3343(チップワン) (2)
- »3354(チェルト) (2)
- »3386(ディーバ) (2)
- »3433(トーカロ) (2)
- »3436(SUMCO) (3)
- »3633(paperboy&co) (7)
- »3639(ボルテージ) (2)
- »3749(SBIベリトランス) (2)
- »4287(JP) (3)
- »4314(ダヴィンチ) (2)
- »4329(ワークスAP) (2)
- »4331(T&G) (3)
- »4333(東邦システム) (2)
- »4508(田辺三菱製薬) (2)
- »4577(ダイト) (2)
- »4689(ヤフー) (3)
- »4751(CA) (15)
- »4755(楽天) (14)
- »4769(IC) (2)
- »6134(富士機械製造) (3)
- »6141(森精機) (5)
- »6278(ユニオンツール) (3)
- »6301(コマツ) (6)
- »6315(TOWA) (3)
- »6493(日鍛バルブ) (3)
- »7581(サイゼリヤ) (3)
- »7718(スター精密) (4)
- »7751(キヤノン) (3)
- »8058(三菱商事) (6)
- »8473(SBI) (10)
- »8771(イーギャラ) (3)
- »9205(JAL) (3)
- »9381(エーアイテイー) (6)
- »9401(TBS) (3)
- »9613(NTTデータ) (4)
- »9885(シャルレ) (3)
- »9936(王将) (3)
- »9984(ソフトバンク) (3)
- あとで読む (31)
- いい話 (10)
- いつかはゆかし (4)
- おでかけ (7)
- おふくろファンド (25)
- おらが町投信 (33)
- お出かけ (5)
- お店 (33)
- お役立ち (18)
- お笑い (14)
- お金 (13)
- お金のルール (16)
- かいたくファンド (3)
- これはすごい (106)
- これはひどい (254)
- これはエロい (39)
- さわかみファンド (21)
- とりあえず (27)
- はてな (9)
- はてなでワイワイ (18)
- はてブ (93)
- はまちちゃん (4)
- ひふみ投信 (102)
- ふるさと納税 (4)
- まとめ (373)
- やる夫 (3)
- アイドル (6)
- アジア (11)
- アドオン (41)
- アニメ (37)
- アフィリエイト (58)
- アンケート (4)
- アート (6)
- インタビュー (17)
- インテリア (45)
- インデックス投資 (93)
- インフレ (35)
- ウィルス (3)
- エコ (4)
- エネルギー (4)
- エロ (6)
- カメラ (8)
- ガジェット (4)
- グラフ (29)
- グルメ (22)
- ゲーム (6)
- コミュニケーション (43)
- コモディティ (14)
- コモンズ投信 (28)
- サッカー (10)
- サブプライムローン (28)
- サムネイル (11)
- ジブリ (10)
- スクリーニング (29)
- ストレージ (9)
- スポーツ (45)
- スマホ (4)
- スマートフォン (3)
- セキュリティ (36)
- セゾン投信 (45)
- セミナー (19)
- セルクマ (85)
- テレビ (5)
- デザイン (12)
- データ (5)
- トンデモ (3)
- ニュース (3)
- ネタ (386)
- バフェット (75)
- バリューチェーン (3)
- バリュー投資 (15)
- パワポ (5)
- ビジネス (5)
- ファッション (4)
- フォント (12)
- ブラシ (9)
- ブログ (14)
- プラレール (4)
- プレゼン (21)
- プレゼント (3)
- ベンチャー (3)
- ホメオパシー (7)
- ポートフォリオ (47)
- マイクロファイナンス (6)
- マインドマップ (3)
- マスコミ (62)
- マナー (6)
- マネジメント (8)
- マンション (66)
- マーケティング (36)
- メッセージ (3)
- メディア (16)
- メール (6)
- モバイル (3)
- ユニオン投信 (8)
- ユーザビリティ (3)
- ライフネット生命 (32)
- 不動産 (205)
- 中国 (4)
- 予定 (3)
- 事件 (20)
- 事故 (10)
- 京都 (3)
- 人生 (98)
- 介護 (15)
- 仕事 (173)
- 企業 (713)
- 企業価値 (287)
- 企画 (3)
- 会社 (7)
- 会計 (66)
- 住宅 (32)
- 保険 (217)
- 信託 (3)
- 個人情報 (3)
- 健康 (32)
- 債券 (36)
- 働き方 (4)
- 共済 (4)
- 写真 (57)
- 出版社 (7)
- 出産 (30)
- 勉強 (9)
- 動画 (26)
- 医療 (24)
- 原発 (12)
- 名刺 (4)
- 問題な企業 (54)
- 四季報 (15)
- 国債 (10)
- 地デジ (4)
- 地震 (4)
- 妊娠 (24)
- 子育て (4)
- 宇宙 (4)
- 宗教 (17)
- 家族 (29)
- 家計 (18)
- 家電 (11)
- 寄付 (4)
- 小町 (5)
- 尼っこ (10)
- 工場見学 (4)
- 市況 (23)
- 年賀状 (3)
- 年金 (186)
- 広告 (15)
- 心理 (3)
- 恋愛 (38)
- 戦争 (3)
- 投信 (7)
- 投資 (4217)
- 投資はじめ隊 (21)
- 投資アイデア (4)
- 投資サイト (17)
- 投資信託 (921)
- 投資詐欺 (15)
- 指標 (42)
- 携帯 (23)
- 携帯電話 (4)
- 政府 (9)
- 政治 (48)
- 教育 (125)
- 文化 (8)
- 文房具 (6)
- 文章力 (21)
- 新興国 (4)
- 旅行 (10)
- 映画 (9)
- 時事ニュース (17)
- 景気 (106)
- 書いた (3)
- 村上春樹 (11)
- 株式コラム (42)
- 株式市場 (34)
- 株式用語 (11)
- 欲しいグッズ (20)
- 歴史 (15)
- 決済 (3)
- 決算 (3)
- 法律 (9)
- 海外市場 (308)
- 漫画 (62)
- 災害 (24)
- 為替 (5)
- 無線LAN (24)
- 犯罪 (3)
- 独立系投信 (3)
- 生命保険 (41)
- 生活 (16)
- 生活保護 (12)
- 男前 (20)
- 男女 (13)
- 画像 (58)
- 直販投信 (18)
- 相続 (11)
- 社会 (286)
- 社会保障 (31)
- 神戸っこ (8)
- 科学 (9)
- 税制 (4)
- 税金 (61)
- 積立投資 (17)
- 競馬 (3)
- 笑ったよ (10)
- 簿記 (3)
- 素材 (116)
- 経営 (17)
- 経済 (618)
- 結婚 (99)
- 結婚式 (16)
- 統計 (21)
- 考え方 (202)
- 肌と肌 (25)
- 育児 (69)
- 自治体 (5)
- 自然 (16)
- 自転車 (17)
- 芸能人 (37)
- 荒れてるね (12)
- 著作権 (16)
- 葬儀 (3)
- 行政 (61)
- 裁判 (25)
- 西宮 (22)
- 証券税制 (4)
- 詐欺 (13)
- 読み物 (3)
- 貸会議室 (7)
- 資料 (4)
- 資産運用 (640)
- 購入予定 (22)
- 購入済み (37)
- 起業 (59)
- 農業 (13)
- 通販 (6)
- 選挙 (9)
- 郵ちょ (4)
- 野球 (6)
- 金利 (26)
- 金融 (10)
- 銀行 (13)
- 鎌倉投信 (38)
- 陶芸 (16)
- 雑貨 (9)
- 電子書籍 (13)
- 電車 (3)
- 韓国 (14)
- 風俗 (3)
- 食品 (8)
- 投資 (4217)
- 投資信託 (921)
- business (843)
- 企業 (713)
- *webサービス (712)
- 資産運用 (640)
- 経済 (618)
- life (607)
- money (590)
- finance (572)
FontとCSSに関するkaeru333のブックマーク (3)
-
kaeru333 2009/12/16
- CSS
- Font
- design
リンク -
font-sizeのパーセント表記一覧 - Webtech Walker
font-sizeはpxやptなどで指定するとIEで拡大、縮小ができないので、パーセントなどで指定することが多いと思います。しかし、パーセントで指定すると、ブラウザごとに大きさが違ったりします。そこで、基本サイズが12px～16pxのときに10px～26px相当を表示するパーセントの数値を計算して、各ブラウザで確認したものをまとめました。 注意点 これは僕が自分で確認できる環境でのみ動作確認を行っています。動作確認したブラウザは以下になります。 Windows IE6 IE7 Firefox2.0.0.14 Opera9.27 safari3.1 Netscape7.01 Mac Firefox2.0.0.14 Opera9.27 Safari3.1.1 Safari2.0.4 IE5.2 計算式は以下のとおりです。小数点以下は四捨五入するとブラウザ間で差異でるようなので、切り上げることで
-
[CSS]さまざまな指定方法によるフォントの見え方を比較 -メイリオ・ＭＳ Ｐゴシック・ヒラギノ角ゴシック | コリス
スタイルシートを使用してフォントサイズの指定を行う場合、いくつかの方法があります。 absolute size キーワードで指定、フォントサイズはUAに依存 ex.)small, medium relative size 親要素に対しての相対指定 ex.)smaller, larger length 正数で指定、使用できる単位は「in, cm, mm, pt, pc, em, ex, px」 ex.)10pt, 1em percentage 親要素に対してのパーセント(%)指定 ex.)100%, 120% この中から、キーワード、em、pt、px、パーセントで指定をし、主要フォントでどのように表示されるかを比較しました。 フォントスタイルは、上から「メイリオ」「ＭＳ Ｐゴシック」「ヒラギノ角ゴシックW3」「Osaka」の順番で、「メイリオ」はWindows Vista、「ＭＳ Ｐゴシック
-
1
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
設定を変更しましたx