無料フォントをWEBフォントにする

 バタイユゲーム情報班のホームページの標題の文字が少し寂しいので、

行書体にできないか試してみた。ホームページに追加したテストページにて

テストを行った。下記のホームページにお世話になりました。感謝します。

http://www.hirok-k.com/blog/751.html

 

<無料フォント>

 行書体で気に入ったのは、下記の白舟書体。

白舟書体 無料ダウンロード

個人利用でWEBに使っても良いとの事。

 

<サブセット化>

 ツールは、下記の武蔵システムさんのものを利用しました。

サブセットフォントメーカー と WOFFコンバータ

 

カタカナとひらがなは、白舟書体の”四季の詞の冬”から採取し、

漢字(情報班)は、”教育漢字版”から採取。2書体扱いになる。

 

<CSSとHTMLの記述>

CSSは、hirokさんの例を参考にIE8以前用は省略して記述。

HTMLは、2書体使うので、試行錯誤して下記にした。

<p><span class=”myFontClass1″>ベルジーサンのバタイユゲーム</span>
<span class=”myFontClass2″>情報班</span></p>

 

<結果>

 なんとなく標題らしくなったので、後で暇を見て全ページを変更予定。

なお、表示速度は、変更前と余り変わらない(測定タイミングでの偏差範囲内)。

 

 

<リンク>

ブログのトップページは、こちら

バタイユゲーム情報班のホームページは、こちら