TTFフォントをフラッシュにダウンロードする

有用で興味深い資料を1日数時間費やしているハラ人でなければ、コンテンツがインターネットを支配していることを誰が知っていますか。 そして、さまざまなフォントでその実現を見出すその正確で美しいディスプレイは、私たちの好みを支配します。



私たちが毎日閲覧する膨大な数のサイトは、見出し、スローガン、テキスト、世論調査、コメントなどのさまざまなフォントソリューションに私たちの目を楽しませています。これらすべてのために、ユニークなフォントがあります。 そのため、今日はサイトをより動的にするだけでなく、より読みやすくする方法についてお話したいと思います。 オンラインフォントマネージャーであるMotoCMSの開発に焦点を当てます。



この記事を最後まで読んだ後、このマネージャーのすべての機能を学習し、Flashプロジェクトでどのように使用できるかを理解します。



記事の概要から始めましょう。 今日は以下についてお話します：

• 埋め込みフォントの長所と短所。
• 最も一般的なコンパイルエラー。
• 新しいフォントをFlashサイトに統合する方法。

だから、古いガガーリンが言っていたように、行こう...

埋め込みフォントの長所と短所

プロジェクトにフォントを導入することを懸念している場合、これは、作業中のどの時点でもFlash Playerで再生できるようになり、ユーザーがフォントを紛失することを心配する必要がないことを意味します。 埋め込みフォントの主な明らかな利点には、次のものがあります。

• 正しい表示のためにフォントを追加インストールする必要はありません。
• 効果は、埋め込みフォントに適用したり、フェードしたり、回転させたりすることができます。
• 埋め込まれたフォントを平滑化することは、ユーザーによりよく認識されます。
• 埋め込みフォントを使用すると、Flashファイルのテキストのレンダリングが改善されます。

ただし、メダルと同様に、埋め込みフォントには欠点があります。

• フォントは、.TTFおよび.OTF形式でのみ使用できます。 カスタムフォントを使用する必要がある場合は、それを別の.swfファイルにインポートし、そのファイルをアプリケーションに正しく登録する必要があります。
• 組み込みのフォントはファイルの最終的な重みに影響します-ファイルを大きくします。つまり、ユーザーがサイトの読み込みを待つ時間が長くなることを意味します。
• 多くの場合、新しいフォントを追加するには追加のコードを使用する必要があります。

追加の埋め込みフォントを使用することは、サイトをさらに魅力的でユニークで読みやすいものにすることができるため、いずれにしても正当化されます。



いずれの場合でも、新しいフォントを追加するプロセスを開始するには、.TTFまたは.OTF形式で使用可能にする必要があります。 これを.SWFに変換する必要があります。 オンラインフォントマネージャー （OMS）を使用すると、手順は数分で完了します。

新しいフォントを作成するロジック

リンクを開きます： www.cms-guide.com/online-font-creator











.TTFまたは.OTF形式のフォントを選択し、「フォントの追加」ボタンを使用してロードします











[フォントの作成]ボタンをクリックします。 プロセスが始まった











その結果、フラッシュサイトでさらに使用できるように、変換されたフォントを含むアーカイブを取得します



オンラインフォントマネージャーは、 MotoCMSの独立した無料製品であり、絶対にすべての開発者が利用できます

コンパイルエラーの可能性

現在、ほとんどすべてのフォントは上記の手順に従ってコンパイルできます。 ただし、フォントの作成中にユーザーにエラーが発生する場合があることに注意してください。 その中心には、さまざまな問題がありますが、その原因は原則として常に同じです...



現在、インターネット上のパブリックドメインに存在するさまざまなフォントは、中断することなく正しく動作するために必要なすべてのパラメーターを考慮して作成されるとは限りません。 デザイナーが使用するすべてのニュアンスとパラメーターを考慮してフォントを作成した場合、コンパイルプロセスは問題なく通過します。 コンパイルプロセス中にユーザーが遭遇するほとんどすべてのエラーは、原則として、このフォントの誤った初期インジケーターに関連しています。



場合によっては、.TTFまたは.OTF形式で使用しているフォントが以前に別の形式から正確にコンパイルされていなかった場合、エラーが発生することもあります。



コンパイル手順を成功させるために、鉛筆の画像のあるボタンをクリックした場合に利用可能になる追加のパラメーターに注意することもお勧めします











必要に応じて編集オプションを使用して、必要な追加のフォントパラメーターを設定できます。

• フォントファミリーを変更する機能。
• デフォルト表示（標準、太字、斜体）;
• 必要な文字のみを追加します。

最後のポイントについて詳しく説明したいと思います。 文字の範囲全体を使用すると、最終ファイルサイズに影響します。つまり、ダウンロード速度はこのパラメーターに依存します。 特定の文字セットのみが必要なことがわかっている場合は、ダウンロードすることしかできません。 したがって、最終ファイルのサイズが大幅に削減されます。 たとえば、この状況は、最終的に11文字（U + 0025、U + 0030-U + 0039）のみを表示する必要があるプリローダーの非標準フォントを選択する場合に非常に適切です。



また、一部のフォントは、Flashで使用する前に最適化することをお勧めします。 少なくともピクセルフォントを使用してください。 原則として、これらは非常に人気がありますが、その使用には多くの追加設定と制限が伴います。



Moto CMSコントロールパネルでサイトテンプレートまたは完成したプロジェクトを使用する場合、結果として得られるフォントを追加することは、管理インターフェイスを介して実際には労力をかけません。 他のすべてのプロジェクトでは、コードを使用します。

完成したフォントを追加するためのコード

プロジェクトがMotoCMSで実行されなかった場合、 OMShで生成されたフォント .swf は 59行のコードを使用して追加されます。 ここにいる

{ import flash.display.Loader; import flash.display.LoaderInfo; import flash.display.Sprite; import flash.events.Event; import flash.net.URLRequest; import flash.text.Font; import flash.text.TextField; import flash.text.TextFormat; public class LoadFontProject extends Sprite { protected var fontFileName:String = "ComicSansMS.swf"; public function LoadFontProject() { var loader:Loader = new Loader(); loader.contentLoaderInfo.addEventListener(Event.COMPLETE, loaderCompleteHandler); loader.load(new URLRequest(fontFileName)); } protected function loaderCompleteHandler(event:Event):void { var loaderInfo:LoaderInfo = event.target as LoaderInfo; var motoFontInfoClass:Class = loaderInfo.applicationDomain.getDefinition("MotoFontInfo") as Class; if (motoFontInfoClass) { var fontName:String = motoFontInfoClass.FONT_NAME; var definitionName:String = motoFontInfoClass.FONT_CLASS; var fontClass:Class = loaderInfo.applicationDomain.getDefinition( definitionName) as Class; for (var j:uint = 0; j < fontClass.classes.length; j++) { Font.registerFont(fontClass.classes[j]); } trace("Font name: " + fontName); } var textField:TextField = new TextField(); var textFormat:TextFormat = textField.defaultTextFormat; textFormat.font = fontName; textField.defaultTextFormat = textFormat; textField.embedFonts = true; textField.text = "Sample text"; addChild(textField); } } }
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

ここでさらに詳しく見ていきましょう。 コードの最初に、生成されたフォントの名前を示します

 protected var fontFileName:String = "ComicSansMS.swf";
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

次に、指定されたファイルのローダーを作成し、loaderCompleteHandlerメソッドを呼び出します

 public function LoadFontProject() { var loader:Loader = new Loader(); loader.contentLoaderInfo.addEventListener(Event.COMPLETE, loaderCompleteHandler); loader.load(new URLRequest(fontFileName)); }
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

ダウンロードした.swfフォントファイルからMotoFontInfoクラスを取得します。

 var loaderInfo:LoaderInfo = event.target as LoaderInfo; var motoFontInfoClass:Class = loaderInfo.applicationDomain.getDefinition("MotoFontInfo") as Class;
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

MotoFontInfoは、フォントが生成されるときに各.swfファイルに自動的に追加されるクラスです。 次のステップでは、フォント機能を取得します

 var fontName:String = motoFontInfoClass.FONT_NAME;
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

.SWFフォントファイルには、多くのスタイル（太字、斜体など）を含むクラスも含まれています。 フォントクラス名を選択して、*から取得します。 SWFファイル。

 var definitionName:String = motoFontInfoClass.FONT_CLASS; var fontClass:Class = loaderInfo.applicationDomain.getDefinition( definitionName) as Class;
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

次のステップは、ループを使用することです。 これは、フォントクラスに登録できるすべてのスタイルをまとめるために必要です。

 for (var j:uint = 0; j < fontClass.classes.length; j++) { Font.registerFont(fontClass.classes[j]); }
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

コードの最後に、新しいフォントを作成するための新しいテキストボックスを作成します。



上記のコードは、さまざまなフォントソリューションで多様化するFlashプロジェクトで使用できます。



無制限の数のフォントを使用して新しいプロジェクトを作成するため、または既存のフォントを補完するために、この記事があなたにとって有用であれば、私たちは喜んでいます。