タグ

フォントと携帯に関するtsutomuraのブックマーク (4)

  • [携帯]フォントサイズ(XHTML版) │ これからゆっくり考L +α

    フォントサイズ(HTML版)に引き続き、今回はXHTML版です。 CSSフォントサイズを指定するので、こんな感じになります。 <span style="font-size:x-small;">文字文字</span> 各指定方法で、実際どのぐらいの大きさで表示されるのかをチェックしやすくするため、サンプルページをつくりました。 サンプルページを色々な端末で見てみると、だいたいどのサイズがいいかーというのが見えてくるかと思います。 サンプルページ QRコード →サンプルページを見る 各種フォントサイズと、ついでに太字のサンプルもおいております。 太字の指定方法はbとstrongとfont-weight:bold;です。 各キャリア、端末の表示 docomo 【大】xx-large,x-large 【中】large,medium 【小】small,x-small,xx-small ※全端末共通

  • [携帯]デザインの時、fontサイズを何pxにしてますか? │ これからゆっくり考L +α

    携帯サイトのデザインをする時、デバイスフォントの部分(アンチエイリアスをオフにしてる部分)を何ピクセルにしてますか? PCサイトの場合だと、通常の文字サイズを12pxないし13px、小さい文字を10pxで作成しているデザインをよく見るのですが、携帯でもそのパターンが多いなーと感じています。 ユーザーが端末側の設定で文字サイズを変更している場合がありますが、検証する時は通常「標準(中)」の文字サイズでやっています。標準の文字サイズでチェックして、微調整をしたりしてます。 ※会社の方針や案件によっては違うかもしれないので一概には言えませんが。 デフォルトの設定から変更していない人の割合が多い、とどこかに書いてあったような...? で、端末側の設定で文字サイズ標準(中)にすると、意外と文字が大きく表示されるんです。 なので、デザイン上の文字サイズを12px、10pxで作成してしまうと、実機で見た

  • [携帯]フォントサイズ(HTML版) │ これからゆっくり考L +α

    htmlで携帯サイトを制作する際、フォントサイズ指定は<font size="数字">で指定します。 では、どのサイズを指定すればいいのか! って結構悩みませんか? ということで、各キャリア(各端末)どんな感じなんだろうーということで確認してみみました。 サンプルページ 各font sizeと、あわせてmarqueeと太字(b、strong)も入れたサンプルページです。 →サンプルページを見る font sizeは1~7で指定します。 モバイルで7などを指定する人はいないと思いますが、一応参考までに。 相対指定は-2~+4で指定してます。 (相対はfont size="3"が基準のため、+1だとfont size="4"相当、-2だとfont sizse="1"相当。) 後の細かいソースは右クリックで見てみてください。 docomo 検証端末:F-03B (iモードブラウザ2.0) フォン

  • おすすめBitmapFont | _level0 - KAYAC Front Engineer Blog

    どうも携帯flashサイトも良い見た目にしたいさぶろうです。 携帯用のデザインで問題になってくるのは あの小さい画面でいかに小さく且つ見やすく配置するかだと思いますが そんなときに便利なのが小さめのBitMapFontです。 知ってる人には当たり前だと思いますが、 flash上で今一般的に流通しているアウトラインフォントを7pxとか小さく表示すると アンチエイリアスがかかっていても外してもぐしゃぐしゃのモケモケになります。 これはflashのレンダリングエンジンがオブジェクトがピクセルを またいでいたら色を分配してしまうから発生するんですが 画像ならまだぼける程度ですみますが字なら読めません。 BitMapFontなら決められたfontサイズの倍数での表示ならピクセルに カリッと表示されるのでflash特有のボケが発生しません 特に携帯の場合は横幅240の画面サイズなのにcopyRight

    おすすめBitmapFont | _level0 - KAYAC Front Engineer Blog
  • 1