ラベル フォントについて【実機テスト】 の投稿を表示しています。 すべての投稿を表示
ラベル フォントについて【実機テスト】 の投稿を表示しています。 すべての投稿を表示

2009-09-18

【ソフトバンク】

実機を2機種にしてテスト
*************************
821SH・・・・H やや新しい
803T・・・T やや古い

*************************

★太字にする
(H)では太字になった。

strong→太字に
B→太字に
CSS指定→変わらず

(H)では見出しも太字になって表示される。

結果:基本太字は使わない方がよさげ。



★フォントの大きさ
全キャリア統一するために、ドコモにあわせて、下記で指定。

font-size:small;【小】
font-size:medium;【中】
font-size:large;【大】

やや古い機種は3段階。【大/中/小】
やや新しい機種は5段階。【特大/大/やや大?/中/小】



▼(T)の場合:
【大】表示
h1~h3/large/x-large/xx-large

【中】表示
h4/ノーマル

【小】表示
small/x-small/xx-small


▼(H)の場合:
【特大】表示
h1/xx-large

【大】表示
h2/x-large

【やや大】表示
h3/large

【中】表示
h4/ノーマル

【小】表示
small/x-small/xx-small

※(H)のみh1~h4は太字で表示された。



***********************************
見出しを【中】にするCSSは↓

h1,h2{
font-size:medium;
}

**********************************

【AU】

実機を2機種にしてテスト
*************************
w61CA・・・・W やや新しい
A5506T・・・A やや古い

*************************

★太字にする
結果:何してもならない。太字にならない。
(strong/B/CSS指定)
ということで、
見出しなどに対して、font-weight:normal;などの指定がいらない。

★フォントの大きさ
全キャリア統一するために、ドコモにあわせて、下記で指定。

font-size:small;【小】
font-size:medium;【中】
font-size:large;【大】


■見出し
h1【大】(W/A)
h2【大】(W/A)

h3【中】(W/A)
h4【中】(W/A)

指定無し【中】(W/A)
small【中】(W/A)
large【中】(W/A)
x-small【中】※古い機種のみ【小】
x-large【大】(W/A)
xx-small【小】(W/A)
xx-large【大】(W/A)

★他サイト参考
タイトル【中】使用
文章【中】使用
注意書き【小】
【大】あまり使われていない様子。。。


ドコモと一緒で、三段階で表示される。

***********************************
見出しを【中】にするCSSは↓

h1,h2{
font-size:medium;
}

文字を小さくするには、古い機種と新しい機種のことも考えると↓

{font-size:xx-small;}※x-smallだと、新しい機種は、【中】のまま

***********************************

2009-09-10

【ドコモ編】

ドコモのフォントの大きさは、3段階【大・中・小】のみ。
px・emは使えない。

font-size:small;【小】
font-size:medium;【中】
font-size:large;【大】


▼実機テスト▼
何にもしてない状態:【中】
あああ<br />

pxで指定:【中】変化なし
<span >ああああ</span><br />

2emで指定:【中】変化なし
<span >あああああ</span><br />

見出しタグをつかう:
H1:【大】
<h1>あああ</h1>
H2:【大】
<h2>あああ</h2>
H3:【大】
<h3>あああ</h3>
H4:【中】
<h4>あああ</h4>

追加:<body>にCSSをかけて全体の文字を指定しても変わらない。CSSがきかない。

アマゾン和書/最新の情報