聖闘士星矢、戦国BASARA、ギャグマンガ日和などの同人誌、イラストと漫画のヲタブログ

2010 03/24
モバイルの文字サイズ

文字サイズ指定は3キャリアごとにいくつか記述方法があります(pt、px、larger、x-smallなど)
au・SoftBankは4段階ほどあるのですが、 docomoは大・デフォルト・小の3段階のみになります。
キャリアごとにサイズ指定の方法、大小の具合はさまざまです。

確実に3キャリア共通で小さく・大きくするには以下の(※xhtmlの場合です)設定にすると良いでしょう。
docomoが外部CSSが無効なので、タグにスタイルを指定します。
例ではspanタグでくくっていますが、divでも良いです。

●小さく
◎x-smallでもOKです。au、SoftBankはxx-smallのほうがより小さくなります。(docomoはどっちもサイズの違いはなし)

<span style="font-size:xx-small;">テキストが入ります</span>

●大きく

<span style="font-size:x-large;">テキストが入ります</span>


▼文字サイズの比較表も作ってみました。
3、0、mediumはデフォルトと同じサイズ。単に省略可能なだけ。指定してもサイズの変化がありません。
xhtmlはCSSで、htmlはフォントタグで記述してください。

[表の見方]
極小…小より小さく表示
小…中より小さく表示
中…デフォルトと同じサイズ。指定してもサイズの変化がないもの。
大…中より大きく表示

docomo au SoftBank
html +1
+2
+3
-1
-2 極小
-3 極小 極小
1 極小 極小
2
3
xhtml pt 10pt
12pt
14px
px 10px 極小
12px 極小
14px
smaller
medium
larger
xx-small 極小 極小
x-small
small
medium
large
x-large
xx-large

参考にこんなのもドウゾ(〃゚∇゚)っ”
10_03_24

コメントをどうぞ