日本語フリーフォントの「ふい字」をWEBフォントで活用しよう！

概要

1. ふい氏が作成された「ふい字」をWEBフォント(Dropbox)で読み込む設定です。

   

2. CSSにコピペするだけです。

3. 当サイトでふい字が設定されていない場合、愛猫チェリッシュでふい字のデモ表示を確認できるようにしておきます。

メリット

1. フォントのダウンロードやアップロードを自分でする必要はありません。

2. ふい字を使いたい時にコピペで利用でき、もとに戻したい時はコピペした部分を削除するだけです。

3. 他のブログとの違いをアピールできます。

テンプレートのCSSを編集

1. CSS編集で、下の方に次のコードを追加します。

   /*
   WEBフォントで「ふい字(HuiFontP109)」 ver130717
   http://customtemplate.blog112.fc2.com/blog-entry-143.html
   */
   @font-face{
   font-family:'HuiFontP109';
   src:url('https://dl.dropboxusercontent.com/s/6snqvg654tirsyv/HuiFontP109.eot');
   src:url('https://dl.dropboxusercontent.com/s/6snqvg654tirsyv/HuiFontP109.eot?#iefix') format('embedded-opentype'),
   url('https://dl.dropboxusercontent.com/s/7pscemjdvt0wyiq/HuiFontP109.woff') format('woff'),
   url('https://dl.dropboxusercontent.com/s/0w9uuopxrns8ehi/HuiFontP109.ttf') format('truetype'),
   url('https://dl.dropboxusercontent.com/s/xnnsbxtz8o6d98i/HuiFontP109.svg#HuiFontP109') format('svg');
   }
   body,input,textarea{font-family:'HuiFontP109';font-size:16px;}
   

2. 「ふい字」はデフォルトの文字サイズが小さいようなので、テンプレートのデフォルト文字サイズを14pxから16pxへと少し大きくしています。

3.  設定 をクリックすれば完了です。

権利関係

1. ふい字の著作権は作者のふい氏にあります。

   

2. 当テンプレートの作者は、ふい字作者のふい氏にフォントを利用させていただく旨やこのページについてふい字置き場　メールフォームから連絡済みです。

3. 当テンプレートでふい字を活用する際に、ふい字作者のふい氏に問合せするのは迷惑になるのでやめてください。当ページに記載されている内容を理解できない方は諦めてください。

このページに関して

1. 予告なく変更する場合があります。

2. このページに限りませんが、記載内容の正確性は保証いたしかねます。

3. 今後のテンプレート改訂時には上記説明と相違があるかもしれません。ご了承願います。

4. このページの制作時間

   • 2013年07月05日：Dropboxで共有設定や当ブログでの表示設定などに１時間半。
   • 2013年07月17日：この記事の作成～ふい氏への連絡～公開に１時間半。
   • ページ作成時間は合計３時間だった。

以上です。

関連記事

• カスタムテンプレートを利用しているブログを検索する方法 (2014/01/24)
• 2chで当サイトが話題になり、端的かつ的を射た意見もあった件 (2013/09/10)
• マウスカーソルからティンカーベルみたいなきらきらが降り注ぐ♪ (2013/07/20)
• 日本語フリーフォントの「ふい字」をWEBフォントで活用しよう！ (2013/07/17)
• fc2ブログでタグごとの関連記事一覧を表示、Google AJAX Search API使用 (2013/07/17)
• 追尾式グローバルナビはデフォルトで有効、ただし検索バー非表示で (2013/06/22)
• テンプレートカスタム時の小ネタ・小技を共有しよう (2013/06/22)