１．やりたいこと
HTMLの太字は通常、＜b＞タグで囲むか、font-weight: bold;をスタイルで定義します。
しかしスマートフォン向けサイトを作成した場合、この太字はAndroidの標準ブラウザには適用されません。
２．対応方法
そこで、ボックスに影をつけて太字のように見せかけることで対応することにします。
bタグの場合
<b>bタグ</b>
boldの場合
<p style="font-weight: bold;">bold</p>
影の場合
<p style="text-shadow:1px 0 1px white">影</p>
３．問題点
これで、Android の標準ブラウザでも太字で表示することができていると思います。
ＰＣで比較すると、どうしてもにじんでいるように見えてしまうという問題があるので、そのあたりの考慮は必要になります。
(ブラウザによってはきちんと見えない可能性もあると思われます。)
コメント