webfontの配置方法

例として花園フォントの場合

ただ、ファイルサイズが20mbと大きいので、スマホでは使えませんね。

ブラウザによって違うファイル形式を用意しないとだめなことも問題です。

ttfだと、chrome等使えません．

/**
 * [webフォントの導入の方法]
 * ダウンロードしたフォントファイルを配置しておき以下の通り記述します。
 * 今回はttfのみなので他の形式はコメントアウトしています。
 * 花園フォントは以下からダウンロード
 * http://sourceforge.jp/projects/hanazono-font/releases/
 */
@font-face {
    font-family: 'HanaMinA';
    /*src: url('fonts/HanaMinA.eot');*/
    src:
    /*url('fonts/HanaMinA.eot?iefix') format('eot'), */
    /*url('fonts/HanaMinA.woff') format('woff'), */
    /*url('fonts/HanaMinA.svg#webfontjSpbZQRv') format('svg'),*/
    url('fonts/HanaMinA.ttf') format('truetype');
}

h1 {
    font-family: HanaMinA;
}