DFO Web Editor

DynaFont Onlineの基本となるアプリケーションサービス。プログラミング言語に詳しくない方でも簡単な操作でWebフォントの導入・編集が出来るため、個人サイト運営者、ブロガーにお勧めのツールです。

DynaFont Online Webページ編集エディタ(DynaFont Online Web Editor)

1.Webページ編集を簡単に

Webページ編集エディタは操作が簡単で、分かりやすいため、コードが苦手という方でも簡単にWebサイトの内容を編集・作成出来ます。また、サブセット方式を利用するツールのため、Webフォント表示のスピードが速いのが特徴です。

2.多種多様なフォントスタイル編集ツール

書体の変更、色の選択、サイズ設定、ワードアートの効果、Webフォント化をそれぞれボタン1つで行えます。ワードやエクセル感覚で利用出来るため他のツールや拡張パッチなどのインストールは必要ありません。

3.Webフォントがオリジナリティを引き出します

ダイナコムウェアのフォントはデザイン性の高さが人気です。DynaFont Onlineではダイナコムウェアの所有する300書体以上のフォントすべてが利用出来るため、デザイン性が高くオリジナリティに富んだWebページの作成が可能になります。

4.縦組みも出来ます

例えば勘亭流を使った文章、ちょっと何かが足りない・・そんなときにボタン1つで縦組み文章に変えられます。
※ブラウザ・バージョンによって表示されない場合があります。

Webページ編集エディタの使い方

STEP 1:編集エディタのトップページです。

STEP 2:はじめに編集作業のタイトルを付けます。※タイトルが無い場合は保存が出来ません。

STEP 3:Webフォントに変えたいフレーズや文章をコピーしてエディタに貼り付けます。

STEP 4:Webフォントに変更するにはエディタに貼り付けたものを選択した状態で【DynaFont】の中から書体を選びます。

STEP 5:4で選択した書体に即座に切り替わります。他に装飾を加える場合も、選択し装飾内容をエディタ内から選んで下さい。

STEP 6:他にWebフォント化したい箇所があれば同じ手順で編集を行ってください。

STEP 7:すべての箇所の編集を終えたら【編集を終了する】を押して下さい。

STEP 8:編集作業終了後は自動的に編集履歴ページに移動します。新しいものが一番上に表示されます。

STEP 9:ボックス内に表示されているソースコードをすべて選択しコピーして下さい。

STEP 10:Webページに反映してみましょう。まずはHTML編集ツールを開いて下さい。

STEP 11: 9でコピーしたコードをHTML編集画面内の対応箇所に貼り付けて保存します。

STEP 12:ブラウザで確認してみましょう。編集した文章が指定したダイナフォントでWebフォントとして表示されます。これでWebフォント導入完了です。