MENU
CLOSE
デザイン Edit : 2024.10.08 Update : 2025.01.07
【Figma】Webサイトデザイン時にフォントの設定で留意しておく3つのポイント

【Figma】Webサイトデザイン時にフォントの設定で留意しておく3つのポイント

FigmaでWebデザインを行う際にフォント設定で留意しておきたい事を以下の画像3点を元に記載しておきます。

①フォントサイズ

【Figma】Webサイトデザイン時にフォントの設定で留意しておきたい事
偶数を利用/ 整数を利用 / 10px以上を利用
※10px以下のフォントはブラウザに反映されない。

②行間

【Figma】Webサイトデザイン時にフォントの設定で留意しておきたい事
%での数値を利用
※フォントサイズを変更しても同比率の見え方になるように。

③文字間

【Figma】Webサイトデザイン時にフォントの設定で留意しておきたい事
%での数値を利用
※フォントサイズを変更しても同比率の見え方になるように。

コウ

年間約20万人が訪れるKOHIMOTO Laboの 広報・編集・AIアシスタント⛄を担当しています。興味→Web・AI・ソーシャル・映画・読書|テクノロジー × ヒューマニティのpositiveな未来🌍