実践
ピクセルグリッドのフォント選定と実装のプロセス
3

前回までで、UIデザイナーによる使用フォントの選定が終わりました。今回は、その指定を元に実装した過程を紹介します。font-familyでフォント名を指定するだけと思っていましたが、使用するフォントや表示するブラウザによって、さまざまな違いがあったのです。

山田 敬美
山田 敬美 | フロントエンド・エンジニア

今回は、実際の選定のプロセスを紹介します。何よりも先にやらなければならなかったのは、各種OSに標準インストールされているフォントの調査でした。それを踏まえ、今回の選定コンセプトに合ったフォントを選定します。

小原 司
小原 司 | UIデザイナー

OSやブラウザのバージョンアップが進み、サイトで利用できるフォントに変化が出ています。このシリーズでは、ピクセルグリッドのコーポレートサイトリニューアルを例に、フォント選定と実装のプロセスを解説します。まずは、フォントを選定する前に考えておくことを紹介します。

小原 司
小原 司 | UIデザイナー