最近AdobeXDデータを元にコーデングをし始めた初心者ですが、下記の件で悩んでいます。
コーデングをしていて、游ゴシックなどの一部のフォントでは高さがfont-sizeで指定しているサイズを上回っていることに気が付きました。
調べてみるとやはり、文字の高さはフォントによって異なり、例えばfont-sizeが16pxの場合、MSゴシックや明朝は高さ16だが、游ゴシックでは高さが21pxとなるようです。(参考:http://www.b-tm.co.jp/blog/detail/48.html)
しかし、AdobeXDデータのレイアウト上の高さには特にフォントの種類による高さの変動が反映されておらず、font-weightがnormalの場合にはレイアウト上で表示される高さについてはfont-sizeと等しい値が設定されています。
もし、実際の案件において、要望ではフォントタイプは游ゴシックだけれども、レイアウトにはそのフォントで生じる追加の高さが考慮されていない場合、全体的に考えるとすでに設定されている他のpaddingやmarginのサイズでそのままコーデングすると若干ズレが生じるがそれはどうしたらいいのでしょうか?
よろしくお願いします。
回答1件
あなたの回答
tips
プレビュー