Webフォントで遊んでみた。

自分のサイトを、カスタマイズしてみました。。

一部のフォントを、手書き風にしてみました。

この記事を書いている時点では、すでに手書きフォントとなっているはず。

こんな感じ。

iPhone6 Plusで表示されているのをキャプチャしました。
右のがいじる前、左がいじった後。

ずいぶんと感じが変わってきます。

フォントは、下記のです。

• タイトルのフォント
  りいポップ角
  http://aoirii.babyblue.jp/font/riipopkk/index.html
• 本文、サブタイトル
  みちます
  http://www.masuseki.com/wp/?p=197

これらは、無料配布されており、商用利用可能です。フォントをダウンロードし、Webフォントに変更して、それらのフォントデータをサーバーにアップし、CSSをいじって、利用しています。

Webフォント変更は下記のサイト、ソフトを利用しています。

Transfonter （英語）
https://transfonter.org/
* 元となるフォントファイルが５MBまでに限る。

武蔵システム WOFFコンバータ
http://opentype.jp/woffconv.htm

利用するに当たって、2点は注意してください。

• フォント作成者の著作権、利用条件。（商用利用不可、有償、その他利用条件など）
• 日本語Webフォント利用した場合、サイト表示が非常に遅くなる可能性あります。英語Webフォントは、そんなに重くないので非常に活用性があります。

Webフォントを使って、自分のサイトをカスタマイズしてみてはいかが？