webフォント(ドラクエフォント)あつかったよ。

webフォント(ドラクエフォント)を扱うハメになり、全角をごにょごにょしたりしています。 見た目がシュールなので、なにかあるときに使うと面白いかも!です! webフォントはCSS3からなので、昔のブラウザでは対応してないようです。 そのへんに注意が必要です。

今回つかわせて頂いたフォントがこちら! ドラクエフォント ドラクエフォントは漢字がつかえないので、全角ひらがな・かたかな・数字あたりのみになりますね

(´・ω・`)ソリャーソウカ

■使い方! フォントをダウンロードしてttfファイルを解凍します。 フォントをサーバーにCSSと一緒に上げておきます。 下記のようにcssに読み込むフォントとURLを記述します。

@font-face { font-family: 'DragonQuestFCIntact'; src: url('DragonQuestFCIntact.ttf'); }

これでOK。

■デモ デモページ作ってみました。 http://tools.codelike.info/demo/webfontUseTest/

■リンク ・デモページのコード第4回 CSS3のWebフォントを使ってみようドラクエフォント