DFO JavaScript Generator

表示スピードが速く便利にWebフォントを使えるJavaScript生成ツールを開発しました。JavaScript生成ツールで生成したJavaScriptとFont Familyのソースコードを貼り付けることで、お客様のウェブページで簡単にWebフォントを導入することができます。

お問い合わせ

JavaScript生成ツール(JavaScript Generator)

DynaFont Online JavaScript生成ツールを通して、すぐにWebフォント表示のためのScriptタグ及びfont-familyを生成出来ます。それらを利用して、コードを書けばウェブページ上でDynaFontを使えるようになります。

あらかじめ内容を抽出する必要はありません。システムがリアルタイムにWebフォントとして表示するテキスト情報と書体の取得を行います。

異なるFont Familyを指定することで、１つのページの中に複数のDynaFontを使用できます。簡単な利用方法でウェブページが更に美しくなります。

Webフォントの読み込み完了までシステムフォントを表示（テキストを再描画）する・しないを簡単に設定できます。

STEP 1：JavaScript Generatorの画面に遷移し、変更ボタンをクリックすると、ツールを利用できるようになります。

STEP 2：編集名称を入力し、使用したい書体を選択後、「使用」ボタンを押下してください。

STEP 3：選択書体に対するJavaScriptとCSSコードが生成されます。

STEP 4：JavaScriptソースをHTMLの<head>にコピーしてください。

STEP 5：【チラつきを抑える】ボタンにチェックを入れると、DynaFont_FOUT.js（画像参照）にコードが変わります。...

STEP 6：font-familyのCSSソースをCSS Styleにコピーしてください。

STEP 7：HTML内のCSS Styleにて書体を呼び出すように定義を行います。

STEP 8：編集履歴ボタンを押下し、保存を行うと、後続で利用できるJavaScripttとCSSコードが生成されます。

STEP 9：HTML及びCSS Styleを登録したWebサイトに置くとWebフォントの効果を現します。