サイトのフォントシミュレーション・ツール「Font Fit」

こんにちは!Webマーケター蓮見晋平です!

Webサイトのフォントスタイルやサイズ、カラーのシミュレーションって意外と面倒ですよね。
CSSの影響をいちいちチェックしながらの作業なのでかなり作業負荷が高いです。

今回は、そんな面倒な作業を簡単におこなえるオンラインツールを紹介します!

160704_fo-thumb-640x311-97655

「Font Fit」は、ページのフォントを変更し、どのように表示されるのかをシミュレーションできるサービスです。
フォントのスタイルやサイズ、太さや色など、通常フォントを決める際に検討するものをシミュレーションできます。

サービスのトップページで、フォントのシミュレーションをしたいページのURLを指定すると、サイト内に対象のページが読み込まれます。
そしてフォントを変更したい部分をクリックして選択すると同一の要素のフォントを一括で変更できるようになります。

160704_fo2

シミュレーション結果は、HTMLとしてURLで共有することも可能です。
また、シミュレーション結果をCSSでエクスポートすることもできます。

「Font Fit」気になる方は是非チェックしてください!