TypeSquare Web Font Tryout

株式会社モリサワの手がけるクラウドフォントサービス「TypeSquare」の利用書体を任意のサイトに適用し、Webページの書体変更を体験できるサービス「TypeSquare Web Font Tryout」の制作を担当いたしました。

クライアント
株式会社モリサワ
スコープ
  • UXデザイン
  • 制作・開発
URL

「TypeSquare Web Font Tryout」はTypeSquareで配信されるフォントを使って、実際のWebサイトの書体を自由に変更できるクラウドフォントシミュレーターです。Typesquareが提供する400種類以上のフォントを任意のWebサイトへ適用した結果を見ることができる他、その適用結果を保存していつでも呼び出すことが可能です。

さらに、Typesquare会員向けには、HTMLの要素単位での編集と、Web Font tryoutでの編集した内容を「埋め込み用コード」として書き出し実際のサイトへ反映する機能もそなえています。

今回の制作では、Webフォントを初めて使う方や興味は持っているものの未だ利用したことが無い方などが、気軽に実際のWebサイトで、その表示結果を見ることができるよう、シンプルな機能構成で直感的でわかりやすいUIを提供するように心がけました。

また、サーバーサイドのプログラムは、ユーザーのサイトをシミュレーター内でできるかぎり正しく表示するとともに、任意のサイトが表示されることによるセキュリティ上の課題に対しても適切に対処しています。



関連するプロジェクト事例

関連するサービス