2014年10月4日

Webフォントを使ったポートレートサイト ぎじゅつ者の目を更新

12年続くサイトの更新

2002年から 12年間公開しているWebサイト「ぎじゅつ者の目」を久しぶりに更新しました。


M+フォントのサブセットを生成


今回は M+フォントのサブセットを Webフォントとして使用できるサービスを利用し、サイトの表示が高速化しました。
http://mplus.font-face.jp/#/

また、履歴ページも復活させました。


 


jekyllを使用

静的ページですが、技術的には、
jekyll というコンテンツ作成システムを使用しています。


デザインは bootstrap

また、デザインは bootstrap を使用しています。
これによりレスポンシブデザインを実現して、パソコンからでもスマートフォンからでも見た目を最適化して表示しています。

M+ OUTLINE FONTSのサブセットを生成する方法

自分のサイトの HTMLファイルで書かれているすべての文字の一覧を生成するスクリプトを作成しました。githubで公開しています。
https://gist.github.com/masoo/82f99a4b27b4e7ea9c70

これを使用して自身のサイトの文字一覧から Webフォントを生成し描写の高速化を図っています。