[携帯]フォントサイズ(XHTML版)

by sakaki0214[Mobile]
2010-01-14 04:53:01
[ページ移動: 1 2]

フォントサイズ(HTML版)に引き続き、今回はXHTML版です。

CSSでフォントサイズを指定するので、こんな感じになります。

<span style="font-size:x-small;">文字文字</span>

各指定方法で、実際どのぐらいの大きさで表示されるのかをチェックしやすくするため、サンプルページをつくりました。

サンプルページを色々な端末で見てみると、だいたいどのサイズがいいかーというのが見えてくるかと思います。

サンプルページ

QRコード
<画像:フォントサイズ(XHTML版)のQRコード>
サンプルページを見る

各種フォントサイズと、ついでに太字のサンプルもおいております。
太字の指定方法はbstrongfont-weight:bold;です。

各キャリア、端末の表示

docomo

【大】xx-large,x-large
【中】large,medium
【小】small,x-small,xx-small
※全端末共通(iモードブラウザ1.0/2.0や端末間での差異なし)

太字はiモードブラウザ1.0は一切効きません。
2.0だとb、strong、font-weight:bold;全て効きます。 N-02Bで確認していただいたところ、太字が一切効いていないとのご連絡をいただきました。2.0なら絶対太字が効く、というわけではないようです。

au

W63K

【大】xx-large,x-large
【中】large
【中】medium
【小】small,x-small
【極小】xx-small
5段階の大きさで表示されます。

太字は一切効いてません。

A5514SA

【大】xx-large,x-large
【中】large,medium,small
【小】x-small,xx-small
3段階の大きさで表示されます。

端末が今手元にないため、太字が効いているかは不明。

softbank

930P

【大】xx-large
【大】x-large
【中】large
【中】medium
【小】small
【小】x-small
【極小】xx-small
7段階の大きさで表示されます。

太字は一切効いてません。

各キャリアのキャプチャ画像

色々な端末で見るの面倒!という人用。
写真をずらーっと並べてみます。
※各端末の文字サイズの設定は「中」にしています。

docomo

<画像:>
SO903i(iモードブラウザ1.0)

<画像:>
F-01A(iモードブラウザ1.0)

<画像:>
F-01B(iモードブラウザ2.0)

au

<画像:>
W63K

<画像:>
W63K

softbank

<画像:>

[ページ移動: 1 2]

[*]前の記事 | [#]次の記事
TOP

コメント(6)

Powered by MT4i 3.0.8X1
携帯アクセス解析