新・元地方の中規模印刷会社で苦悩するWebデザイナー改めWebディレクターの日記

自由な20代、窮屈な30代を経て、遂に40代になっちまったWebディレクター&パソコン講師の覚書と思う言(こと)。略称【ちほちゅう】

*

FLASHで10pxアンチエイリアスなしのフォントを使う

   

  • このエントリーをはてなブックマークに追加

1年以上前の記事です。内容が古い可能性があります。

アンチエイリアスアンチエイリアスって便利だけど小さい文字になるとかえって読みにくくなってしまう。
ちなみに、アンチエイリアスとは、文字のふちをちょっとぼかして、見た目に自然さを出すための技術。
通常、モニターはドットの集まりのためにそういった技術が使われる。

そこで、小さい文字は画像であってもあえてアンチエイリアスを使わないようにしている。
書体も重要でWindowsであればMSゴシック。MacintoshであればOsakaやヒラギノ角ゴあたり?
サイズは10px~12pxの間がベスト。
なお、10pxより小さくなるとアンチエイリアスを使わなくても使っても極端に可読性が落ちるので、
最小文字として、10pxアンチエイリアス無しのMSゴシックを使うことにしている。

スポンサーリンク
 

ところが、Flashの場合はたとえアンチエイリアスを無しにしても書き出しをするとアンチエイリアスがかかってしまう。
これと何とかしたいと考えた。

通常、FLASHで使う文字は「静止テキスト」を使うことが多い。
これは、環境が変わっても書体が変わらないところが大きな理由だ。
この「静止テキスト」では、書き出し時にアンチエイリアスがかかってしまう。
そこで、「ダイナミックテキスト」にする。
ダイナミックテキストの場合は環境により書体が変わってきてしまうのだが、OS標準書体であり、コンピュータ上で表示させるのに適した書体であるため特に問題ない。
ところが、それだけだと一部の文字が欠けることがあるので、「テキストをHTMLとしてレンダリング」にチェックを入れる。
これで完璧。

これの弱点は書体がMacintoshとWindowsで変わってしまうこと。
それさえクリアになればFlashでも10pxアンチエイリアスなしのフォントを堂々と使えるようになるんですけどねぇ。。

 - FLASH, デザイン

アドセンス広告メイン

Message

メールアドレスが公開されることはありません。

  関連記事

縦長すぎる東京スカイツリーのサイトが面白い

1年以上前の記事です。内容が古い可能性があります。5月22日オープン予定の東京ス …

ロゴデザイナー泣ける。文字を入力するだけでロゴが作れるWebサイト「Squarespace Logo」

1年以上前の記事です。内容が古い可能性があります。なんと、オンラインでロゴデザイ …

ライブドアブログに「えもじメーカー」登場

1年以上前の記事です。内容が古い可能性があります。なんと、僕の使っているライブド …

WordPress(ワードプレス)のURL表記をHTML表記にする方法 #wp

1年以上前の記事です。内容が古い可能性があります。牛歩戦術でゆっくりと進んでいる …

複数フレーム(全フレーム)、複数レイヤー(全レイヤー)のオブジェクトをまとめて移動・拡大する方法【Flash】

1年以上前の記事です。内容が古い可能性があります。Flashで複数フレーム(全フ …

佐々木岳久展「実存-内奥に谺する歪み」in宇都宮

1年以上前の記事です。内容が古い可能性があります。当ブログで何度か紹介させていた …

画像の下にどうしても隙間が残る場合はタグにvertical-align:bottomが正解【Webデザイン・CSS】

1年以上前の記事です。内容が古い可能性があります。これは知らなかった。。というか …

no image
Flashでプルダウン(さらにさらに)もう嫌!!

1年以上前の記事です。内容が古い可能性があります。もう、過去の記事を拾ってくる気 …

リストタグ(<UL>、<OL>)の左マージンはpadding-left。<DL>だけmargin-left【Webデザイン・CSS】

1年以上前の記事です。内容が古い可能性があります。Webデザインをする上でかねて …

ブラウザで「Mac OS 7」、「Hyper Card」や「Kid Pix」も

1年以上前の記事です。内容が古い可能性があります。自分が一番最初に触れ合ったパソ …

血液型オヤジ