Dream Weaverのプラグインで可能なためWebフォント利用のために新たなパッケージのインストールや使い方を学ぶ必要がありません。
DynaFont Online Webページ編集ソフトプラグインではダイナコムウェア独自の技術が組み込まれております。フォントデータを自動的にWOFF‧EOTファイルに圧縮・変換、CSSも自動的に埋め込まれるため、使用者は新たなCSS言語を書かなくてもWebフォントを表示させることが出来ます。
DynaFont Online Webページ編集ソフトプラグインはWebデザイナーが愛用しているDreamweaverに合わせて開発されたプラグインツールです。
STEP 1:DynaFontOnlineのサイトからプラグインツールをダウンロードし、圧縮ファイルを解凍して下さい。
STEP 2:Dreamweaverプラグインツールを利用するには「Adobe Extension Manager」がお使いのPCにインストールされていることが条件となります。インストールされていればプラグインソフトが自動的に実行されます。
STEP 3:インストールに同意するとAdobe Extension Manager画面上でPlugin関連の情報が表示されます。問題なければAdobe Extension Managerは閉じて頂いて構いません。
STEP 4:Dreamweaverを起動します。起動したらHTMLページの追加をクリックします。 ※今回はDreamweaverCCを利用した場合を例としています。
STEP 5:Dreamweaverのプラグインは右側のウィンドウから 挿入>DynaFontで利用可能となります。
STEP 6:ウィンドウにDynaFontが出て来ない場合はタスクバーの挿入タブの一番下にあるDynaDFOを選択するかキーボードのF11でも起動可能です。
STEP 7:表示ウィンドウ。
STEP 8:書体一覧のドロップボックスには購入済の書体が表示されます。
STEP 9:書体選択ボックスの下のテキストボックス内に、変換したい文章、文字を入力し変換ボタンをおしてください。 レビュー内容に問題が無ければ画面右側のOKボタンを押してください。
STEP 10:作られたソースコードは自動的にCSSおよびHTMLに挿入されます。
STEP 11:上記のモードを選択すると、デザインモードは編集可能になります。リアルタイム表示モードではフォントの表示結果を表します。
STEP 12:リアルタイム表示モードを選択すればすぐ表示効果を見れます。
Note:Dreamweaver CC 2015.1以上のバージョンではExtension ManagerからPlugins(Link)をインストールする方法がありません。 それ以降のバージョンでのインストール方法を下記に記載しております。
N1:まずAdobeのサイトからPluginをインストールするツール(ExMan Command Line Tool)。をダウンロードしてください。お客様の作業OSに合わせてWIN/MACを選んでダウンロードしてください。
N2:ダウンロード後、解凍を行ってください。そして、解凍後のフォルダからフォルダパスをコピーしてください。
N3:DynaFont OnlineからDreamweaver Pluginをダウンロードしてください。
N4:Pluginを該当するフォルダ配下に解凍してください。
N5:パソコンにあるコマンドプロンプトから実行してください。
N6:コマンドプロンプトに"cd"を入力後、一個スペースをあけてください。そして右クリックし、N2でコピーしたフォルダパスを貼り付けて、Enterを押してください。
N7:"ExManCmd.exe /install ファイル名.ZXP"(ファイル名はDynaFont Onlineからダウンロードし解凍したPluginファイル名となります),入力後Enterを押してください。
N8:"ExManCmd.exe /list all"を入力すると、インストールした結果を確認できます。
STEP 2:Dreamweaverプラグインツールを利用するには「AdobeAdobe Extension Manager」がお使いのPCにインストールされていることが条件となります。インストールされていればプラグインソフトが自動的に実行されます。
STEP 5:DreamWeaverのプラグインは右側のウィンドウから 挿入>DynaFontで利用可能となります。
STEP 7:プラグイン方式は①直接CSSコードリターン方式②CSSファイル結合方式ですので、どちらか一方を選択して下さい。