フォントを埋め込�
Flashオーサリング環境を使用せず、Flex SDKを使うなどしてActionScript?ファイルだけでFlashコンテンツを作っていく場合のフォントの埋め込み方について調べています。
ひとまず、ActionScript3.0のみでFlashを作る場合のフォントの埋め込み方に関しては基本的に２パターン。(flexでmxmlを使う場合はmxml上で指定する方法などもあるみたいですがここはひとまず割愛）
1.フォントの「ファイル」を指定して埋め込む
「システムフォント」としてインストールされているフォントと、ローカルディスクに置いた「フォントファイル」のどちらでも埋め込む事ができます。
ただし、対応しているフォントフォーマットは「TrueType?フォント」のみで、OpenType?やPostScript?フォントは埋め込む事ができません。ので、インストールされてるフォントの多くがOpenType?な自分みたいな人にはほとんど使えない方法です。
埋め込み方
AS3のクラスファイルの、変数定義している箇所に下記の記述を書き加えます。
システムフォントとしてインストールされているものを指定する場合
// 名前を指定してフォントを埋め込み。 [Embed(systemFont='Century Gothic', fontName='myGothic', mimeType='application/x-font')] private var myFont:Class;
ハードディスク上のフォントファイル(myfont.ttf)を指定する場合
// 位置を指定してフォントを埋め込みます。 [Embed(source='myfont.ttf', fontName='foo', mimeType='application/x-font')] var myfont:Class;
ちなみに「var myfont:Class;」の指定がありますが、このクラスは使いませんので、適当な名前で問題ないみたいです。実際に使うのは「fontName」で指定している「フォント名」のほうなので、そちらの指定はちゃんとするのがよさそうです。
2.フォントを埋め込んだswfファイルを用意して埋め込む
こちらの方法ですと若干の手間はかかりますが、上記方法では埋め込む事のできないOpenType?やPostScript?フォントが使えますので、実際の場面で使う場合が多いのはこちらではないかと思います。
1.フォントを埋め込んだswfファイルを用意する
手順
- Flash（8以上？）を立ち上げて、ダイナミックテキストフィールドを４つ作ります。
- 全てのテキストフィールドに同じフォントを指定した上でそれぞれ「ノーマル」「ボールド」「イタリック」「ボールドイタリック」に指定
- 埋め込みたい文字の範囲をプロパティパネルの「埋め込み」のところから指定する
- swfファイルを書き出す。
ヘルプに↑のように書いてあったのですがまあ、全てのスタイルを入れなくてはいけないわけではなく、自分が使うものだけ入れておけばいいように思います。
2.ActionScript?ファイル上で上記swfファイルを指定して埋め込む
書き方
【例】「Myriad Pro」を埋め込んだ「Myriad.swf」というファイルを用意した場合
標準書体の場合
//swfファイルから埋め込み // 標準書体を埋め込みます。 [Embed(source="path/to/Myriad.swf", fontName="Myriad Pro")] public static var fontPlain:Class;
*ボールドイタリック体のものを埋め込む
[Embed(source="path/to/Myriad.swf", fontName="Myriad Pro", fontWeight="bold", fontStyle="italic")] public static var fontBoldItalic:Class;
sourceのパスについては、自分の場合はFlexBuilder?上で開発してますので、プロジェクトのルートに「assets」というフォルダを作ってそこに入れるようにしています。その場合だと「'/assets/Myriad.swf'」。
使い方
実際のプロジェクト内で使う場合には、TextField?の「embedFonts」プロパティをtrueに指定した上で、フォントファミリーを上記の「fontName」で指定したものに指定してやれば埋め込まれたフォントを使うことができます。
【例】TextFormat?で指定する場合
//テキストフォーマット作成 var fmt:TextFormat=new TextFormat(); fmt.font="Myriad Pro"; //テキストフィールド作成 var tf:TextField=new TextField(); tf.embedFonts=true; tf.defaultTextFormat=fmt; tf.text="Test"; //表示 addChild(tf);
【例】StyleSheet?オブジェクトを使う場合
//スタイルシートオブジェクト作る
var style:StyleSheet=new StyleSheet();
var o:Object=new Object;
o.fontFamily="Myriad Pro";
style.setStyle("p",o);
//テキストフィールド作成 var tf:TextField=new TextField(); tf.embedFonts=true; tf.htmlText='<p>Test</p>'; //表示 addChild(tf);
