さんまがおいしい季節だねー(´・ω・`)

AA のフォントサイズ

CSS — タグ: , — さくら @ 2009/11/10 10:12

ちと AA のサイズというかフォント指定とかを調べ直す必要がありましたもので、調べた結果をブログにも晒しときます。

デフォルトのフォント指定

デフォルトと言いますか、AA は 2ch に貼る前提で作られてますので、2ch での表示に合わせたものがデフォルトになります。

で、デフォルトはMS Pゴシック 12pt で行間 2px らしいです。Wikipedia によると、MS Pゴシック 12pt は 16px らしいので以下の CSS でおkみたいです。

font-family: 'MS Pゴシック','IPAMonaPGothic',sans-serif;
font-size  : 16px;
line-height: 1.125em;
font-style: normal;
font-variant: normal;
font-weight: normal;

ブログに貼る時の指定

上の設定でブログに貼ると、ちとフォントがでかすぎて入りきらないことが多いと思います。そういうときは、適当にフォントサイズを下げたら良いと思います。

AA をよく貼ってるブログを例にしますと…
例えばオレ的ゲーム速報@刃さんでは、16px の他に 12px と 8px の AA も使われてます。CSS はだいたいこんな感じ。(実際は複数のクラスを組み合わせて表示されたりしてますので、以下の CSS はさくらの方でちと加工してあります。)

font-family: "MS Pゴシック","MS PGothic","Mona",
    "mona-gothic-jisx0208.1990-0",sans-serif;
font-size  : 12px;
line-height: 100%;
font-style: normal;
font-variant: normal;
font-weight: normal;

フォントサイズを下げると幅が間延びして見えますので、line-height は 100% とか 1 にした方が良いと思います。

ちなみにさくらも刃さんと似たようなフォント指定しています。

さくらのブログは WordPress で作ってますが、WordPress のテーマの CSS を直接書き換えちゃうとテーマのバージョンアップ時とかテーマを変える時に CSS を書き直さないといけないので、external-css プラグインとか使うと便利だと思います。これを使うと、テーマとは別に好き勝手にいじくれる CSS ファイルを読み込むようになります。作ったのはどっかで見たことある人でつww

        lヽ ノ l        l l l ヽ   ヽ
  )’ーーノ(  | |  | 、      / l| l ハヽ  |ー‐””l
 / C  | | |/| ハ  / / ,/ /|ノ /l / l l l| l  C ヽ
 l   ・  i´ | ヽ、| |r|| | //–‐’”   `’メ、_lノ| /  ・  /
 |  S  l  トー-トヽ| |ノ ””´`   rー-/// |  S |
 |  ・   |/     | l ||、 ””"”  j ”"”/ | |ヽl  ・ |
 |  S   |       | l | ヽ,   —   / | | l  S  |
 |   !!  |     / | | |   ` ー-‐ ‘ ´|| ,ノ| | |  !! |
ノー‐—、,|    / │l、l         |レ’ ,ノノ ノハ、_ノヽ
 /        / ノ⌒ヾ、  ヽ    ノハ,      |
,/      ,イーf’´ /´  \ | ,/´ |ヽl      |
     /-ト、| ┼—- 、_ヽメr’ , -=l””ハ    |  l
   ,/   | ヽ  \  _,ノーf’ ´  ノノ  ヽ   | |
、_    _ ‐”l  `ー‐—”” ⌒’ー–‐’´`ヽ、_   _,ノ ノ
   ̄ ̄   |           /       ̄

3件のコメント »

  1. とてもすてきなブログですね☆
    この度、新規に逆アクセスランキングサイトを立ち上げました。
    ブログを拝見させていただき、内容もよく、大変よくできているブログであると感じました。
    このブログを「逆アクセスランキング」に登録して、もっと多くの人に読んでもらいませんか?
    ランキングが上位に上がると多くのアクセスとSEO効果が期待できます。
    宜しくお願い致します。

    逆アクセスランキング
    http://tenshoku-ex.jp/access_ranking

    ご参加お待ちしています☆

    コメント by 逆アクセスランキング — 2009 年 11 月 10 日 @ 17:17
  2. Inside that man, while he knew no not well of him, he put refusal trust

    コメント by shoes online — 2013 年 5 月 26 日 @ 23:18
  3. 信用第一/正規取扱店≡≡≡
    ★★★★★大注目★★★★★≡≡≡
    当店の承諾に→誠実 信用 送料無料(日本全国)
    日本的な人気と信頼を得ています。
    2016-2017年最新作ルイヴィトン新品、新素材入荷! !
    人気唯一ブランド専門店
    主要取扱商品:バッグ、財布、腕時計、ベルト、マフラー 。
    ルイヴィトン、グッチ、シャネル、ブルガリ、エルメス、プラダ等海外高級ブランドがここに集結。
    非常に親切で丁寧な対応で、良い品物がそろっています。
    ご注文の方は、【卸売、小売など歓迎】ご連絡下さい。
    ロレックス デイトジャスト 値段 vita http://www.msnbrand.com/brand-copy-IP-16.html

    コメント by ロレックス デイトジャスト 値段 vita — 2016 年 9 月 19 日 @ 15:46

この投稿へのコメントの RSS フィード。 TrackBack URI

コメントする

Copyright © 2017 さくらたんどっとびーず | powered by WordPress with Barecity