Tweet長山衛氏デザインを行う上でイメージを大きく左右するのがフォント。中でも苦労するのがテキストフォントの互換性です。今まではOSにインストールされたフォントを使用するのが主流でしたが、ユーザーの環境によって見栄えが変わってしまうことが難点。そこで、ユーザー環境に左右されないウェブフォントを使ってデザインの統一化を図りましょう。メリットとデメリット例えば、デザイナーが意図したフォントをユーザーごとに統一して表現しようとする場合、画像としてデザインを行うことが主流ですが、それゆえにSEOに不利だったり、加筆や修正が加わった際、編集の手間がかかっていました。テキスト化することでこれらの点が大幅に改善できます。データ量の膨大さから日本語対応しているフォントが少ないことや、バイト数の大きいウェブフォントの場合は読み込みに時間がかかることが指摘されていますが、これらの問題も徐々にクリアになりつつあるため、デザイナーとしては、ぜひ使用してみることをお勧めします。活用するには?一見すると難しいと思われがちですが、使用方法はいたってシンプル。(1)使いたいフォントを見つける(2)CSS3の@font―faceでフォントファイルを指定(3)CSSでWEBフォントを適用させる─という流れです。Fonts」を使えば、前述の利用方法とほぼ同様かつ、フォントファイルをアップロードする手間が省け直感的に使用が可能です。テキスト化することで作業効率アップにつながり、本来のデザイン意図がユーザーに伝わることでデザイナーのモチベーションも高まります。ページを閲覧したユーザーも統一感のあるデザインは気分が良いものです。海外のECサイトでは、アイコンのウェブフォントを作成するサービス「Symbolset」などは、ウェブフォント提供サービスだけにサイト上がウェブフォントを活用しています。読み込み速度が向上するのでスマートフォンなどモバイルデバイスの需要が大きいECサイトでは、徐々に日本語ウェブフォントが充実してくるため、今後検討してみるといいでしょう。ウェブフォントを積極的に活用してデザイナーとしての表現の幅を広げていきましょう。某大手食品ECサイトで運営を手掛けた後、08年10月にECサイトの運営代行などを手掛ける株式会社ネットショップ総研を設立。リピーターを確実に増やす商品プレゼン77のテクニック」(日本実業出版社)を上梓。記事は取材・執筆時の情報で、現在は異なる場合があります。