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

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

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

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

160704_fo-thumb-640x311-97655

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

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

160704_fo2

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

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

目に優しくて読みやすさを改善できる! Google Chromeを黒バックにできる拡張機能

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

 

スクリーンショット 2016-08-04 18.38.56

 

パソコンを利用中に、文字が見づらいと感じたことはないでしょうか?
もし一度でもあるなら、是非今回紹介するツールを試してみてください。

どんなツールかというと、Google、Facebook、YouTube、Gmailを黒バックにして、読みやすさを改善できる拡張機能です。

 

世の中のほとんどのWebサービスは白背景が多いですが、実は白背景だと見づらいというユーザーが非常に多いです。

 

 

そんな方にオススメなのが、Google Chromeの拡張機能「Darkness」です。

スクリーンショット 2016-08-04 18.38.12
Chromeユーザーであれば、「Darkness」を追加することで、次の4つのサービスを黒バックにできます。
・Google
・Facebook
・YouTube
・Gmail

このうち、無料で黒バックにできるのは、GoogleとFacebookの2つだけで、
YouTubeとGmailを黒バックにするには有料版が必要になります。

 

最近パソコンやスマートフォンの影響で視力が落ちている方が増えているみたいなので、
これを機にいろんなWebサービスが目に優しい画面作りに励んでくれると嬉しいですね。

 

気になる方はぜひ導入してみてください。

Darkness