<div style="margin: 12px 0px; font-family: arial; color: #333333; background: #ffffff; border: solid 4px #e5e5e5; width: 100%; clear: left;"><div class="CM_CTB_Content_Wrap" style="margin: 0px; padding: 0px;background-color: #ffffff;"><div style="border-bottom: solid 1px #dcdcdc; white-space: nowrap; margin-bottom: 8px; background-color: #eeeeee ;background-image: url(http://clipmarks.com/images/source-bg.gif); background-repeat: repeat-x; height: 24px; line-height: 24px; vertical-align: middle; padding-bottom: 4px; color: #666666; font-size: 10px;" ><a href="http://clipmarks.com/clip-to-blog/" title="see clips that are hot right now"><img src="http://content.clipmarks.com/blog_embed/15aaf072-cd27-43af-abd0-4286346f37f3/E886EFA3-47B9-4E03-B42A-8A57D93ED8F9/" alt="" width="19" height="19" border="0" style="vertical-align: middle; margin: 0px 4px; display: inline; border: none; float:none;" /></a>clipped from <a title="http://d.hatena.ne.jp/nitoyon/20080723/as3_embed_font" href="http://d.hatena.ne.jp/nitoyon/20080723/as3_embed_font" style="font-size: 11px;">d.hatena.ne.jp</a></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://d.hatena.ne.jp/nitoyon/20080723/as3_embed_font"><H3 class="title"><A name="as3_embed_font" href="http://d.hatena.ne.jp/nitoyon/20080723/as3_embed_font">AS3 で埋め込みフォントを使うテクニック</A><SPAN class="hatena-star-comment-container"><IMG src="http://s.hatena.ne.jp/images/comment.gif" tabindex="0" alt="Comments" title="Comments" class="hatena-star-comment-button" /></SPAN><SPAN class="hatena-star-star-container"><IMG src="http://s.hatena.ne.jp/images/add.gif" tabindex="0" alt="Add Star" title="Add Star" class="hatena-star-add-button" /><A href="http://s.hatena.ne.jp/s-ohira/"><IMG src="http://s.hatena.ne.jp/images/star.gif" tabindex="0" class="hatena-star-star" alt="s-ohira" title="" /></A><A href="http://s.hatena.ne.jp/hanazukin/"><IMG src="http://s.hatena.ne.jp/images/star.gif" tabindex="0" class="hatena-star-star" alt="hanazukin" title="" /></A><A href="http://s.hatena.ne.jp/tan_go238/"><IMG src="http://s.hatena.ne.jp/images/star.gif" tabindex="0" class="hatena-star-star" alt="tan_go238" title="" /></A></SPAN></H3></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://d.hatena.ne.jp/nitoyon/20080723/as3_embed_font"><P>埋め込み<A href="http://d.hatena.ne.jp/keyword/%a5%d5%a5%a9%a5%f3%a5%c8" class="keyword">フォント</A>を使う場合のちょっとしたTipsを３つ紹介しておく。</P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://d.hatena.ne.jp/nitoyon/20080723/as3_embed_font"><H4>1. 何も考えずにフォントを埋め込む方法</H4></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://d.hatena.ne.jp/nitoyon/20080723/as3_embed_font"><P>フォントを埋め込むには、Embed <A href="http://d.hatena.ne.jp/keyword/%a5%e1%a5%bf" class="keyword">メタ</A><A href="http://d.hatena.ne.jp/keyword/%a5%bf%a5%b0" class="keyword">タグ</A>を利用する。</P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://d.hatena.ne.jp/nitoyon/20080723/as3_embed_font"><li style="margin-left:16px;padding-left: 0px;">Embed メタタグでは source <A href="http://d.hatena.ne.jp/keyword/%c2%b0%c0%ad" class="keyword">属性</A>でフォントの<A href="http://d.hatena.ne.jp/keyword/%a5%d1%a5%b9" class="keyword">パス</A>、fontName 属性で<A href="http://d.hatena.ne.jp/keyword/Flash" class="keyword">Flash</A> 中で利用するフォント名を設定する。</LI></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://d.hatena.ne.jp/nitoyon/20080723/as3_embed_font"><li style="margin-left:16px;padding-left: 0px;">TextField ではメタタグで決定したフォント名を指定してやる。ここでは TextFormat を使うのが面倒なので、htmlText 中の font タグで直接設定してる。</LI></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://d.hatena.ne.jp/nitoyon/20080723/as3_embed_font"><li style="margin-left:16px;padding-left: 0px;">TextField の embedFonts を true にするのを忘れずに。</LI></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://d.hatena.ne.jp/nitoyon/20080723/as3_embed_font"><H4>2. <A href="http://d.hatena.ne.jp/keyword/%a5%b3%a5%f3%a5%d1%a5%a4%a5%eb" class="keyword">コンパイル</A><A href="http://d.hatena.ne.jp/keyword/%bb%fe%b4%d6" class="keyword">時間</A>を<A href="http://d.hatena.ne.jp/keyword/%b2%fe%c1%b1" class="keyword">改善</A>する</H4></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://d.hatena.ne.jp/nitoyon/20080723/as3_embed_font"><P>このままだと TTF <A href="http://d.hatena.ne.jp/keyword/%a5%d5%a5%a1%a5%a4%a5%eb" class="keyword">ファイル</A>を毎回変換するため、コンパイルに時間がかかる。</P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://d.hatena.ne.jp/nitoyon/20080723/as3_embed_font"><P>これを解決するために、フォントを埋め込んだ <A href="http://d.hatena.ne.jp/keyword/SWF" class="keyword">SWF</A> ファイルを事前に作成しておいて、動的にロードすることでコンパイル時間を削減できる。</P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://d.hatena.ne.jp/nitoyon/20080723/as3_embed_font"><P>やり方は <A href="http://d.hatena.ne.jp/lalalila/20080422/1208884394">外部SWFから動的にフォント読み込み - d.lalalila.?</A> が詳しい。CS3 な人には <A href="http://level0.cuppy.co.jp/2008/06/cs3_2.php">CS3版　フォントのダイナミックなローディング｜_level0.CUPPY</A> が役立つはず。</P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://d.hatena.ne.jp/nitoyon/20080723/as3_embed_font"><H4>3. 使う文字だけを埋め込んで<A href="http://d.hatena.ne.jp/keyword/%a5%d1%a5%d6" class="keyword">パブ</A>リッシュ</H4></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://d.hatena.ne.jp/nitoyon/20080723/as3_embed_font"><P>文章が固まってきたら、必要な文字だけを埋め込むようにするとよい。SWF のファイルサイズが小さくなるし、フォントによっては全ての文字を埋め込むのを禁止していたりする。</P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://d.hatena.ne.jp/nitoyon/20080723/as3_embed_font"><P>文章から埋め込み用の<A href="http://d.hatena.ne.jp/keyword/%b5%ad%cb%a1" class="keyword">記法</A>を作成する <A href="http://d.hatena.ne.jp/keyword/Perl" class="keyword">Perl</A> の<A href="http://d.hatena.ne.jp/keyword/%a5%ef%a5%f3%a5%e9%a5%a4%a5%ca%a1%bc" class="keyword">ワンライナー</A>を作った。文章が <A href="http://d.hatena.ne.jp/keyword/message" class="keyword">message</A>.txt に <A href="http://d.hatena.ne.jp/keyword/UTF%2d8" class="keyword">UTF-8</A> で入っているとする。</P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://d.hatena.ne.jp/nitoyon/20080723/as3_embed_font"><P>本当なら、<A href="http://d.hatena.ne.jp/keyword/%cf%a2%c2%b3" class="keyword">連続</A>する文字は - で省略した方が<A href="http://d.hatena.ne.jp/keyword/%a5%bd%a1%bc%a5%b9" class="keyword">ソース</A>は短くなる。例えば、U+0064,U+0065,U+0066 のような文字が並ぶところは、U+0064-U+0066 としたほうが<A href="http://d.hatena.ne.jp/keyword/%a5%b7%a5%f3%a5%d7%a5%eb" class="keyword">シンプル</A>。けども、判定が面倒なのでそこまでは実装していない。</P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://d.hatena.ne.jp/nitoyon/20080723/as3_embed_font"><P>で、出来上がったのがこの Flash。表示している<A href="http://d.hatena.ne.jp/keyword/%ca%b8%bb%fa%ce%f3" class="keyword">文字列</A>分のフォントしか埋め込んでないので、ファイルサイズはわずか 8KB になった。</P></blockquote></div><div style="margin: 0px 6px 6px 4px;"><table style="font-size: 11px;border-spacing: 0px;padding: 0px;" cellpadding="0" cellspacing="0" width="100%"><tr><td style="background:transparent;border-width:0px;padding:0px;">&nbsp;</td><td align="right" style="background:transparent;border-width:0px;padding:0px;width:107px" width="107"><a href="http://clipmarks.com/share/E886EFA3-47B9-4E03-B42A-8A57D93ED8F9/blog/" title="blog or email this clip"><img src="http://content7.clipmarks.com/images/c2b-foot.png" border="0" alt="blog it" width="107" height="17" style="border-width:0px;padding:0px;margin:0px;" /></a></td></tr></table></div></div>

New from the makers of Clipmarks:  Amplify.com - Don't just share the news...Amplify it!