webフォント(ドラクエフォント)を扱うハメになり、全角をごにょごにょしたりしています。
見た目がシュールなので、なにかあるときに使うと面白いかも!です!
webフォントはCSS3からなので、昔のブラウザでは対応してないようです。
そのへんに注意が必要です。
今回つかわせて頂いたフォントがこちら!
ドラクエフォント
ドラクエフォントは漢字がつかえないので、全角ひらがな・かたかな・数字あたりのみになりますね
(´・ω・`)ソリャーソウカ
■使い方!
フォントをダウンロードしてttfファイルを解凍します。
フォントをサーバーにCSSと一緒に上げておきます。
下記のようにcssに読み込むフォントとURLを記述します。
@font-face {
font-family: ‘DragonQuestFCIntact’;
src: url(‘DragonQuestFCIntact.ttf’);
}
これでOK。
■デモ
デモページ作ってみました。
https://tools-codelikes.onrender.com/demo/webfontUseTest
■リンク
・デモページのコード
・第4回 CSS3のWebフォントを使ってみよう
・ドラクエフォント
コメント