LoginSignup
0
1

More than 3 years have passed since last update.

@uekkie(Hiroshi Ueki)

実機とシミュレータでフォントサイズが違う？UITableViewCellのカスタムビューのフォントサイズをポイント固定で指定してはいけない

Posted at

実機とシミュレータのフォントサイズが違う？

UITableViewに配置するカスタムTableViewCellをつくったときの話。

実機テストのとき 「カスタムTableViewCellのフォントサイズが小さい」 という現象がありました。調べた結果、UILabelのFont設定をポイント指定していたことが原因だったのですが、そこに至るまでに時間を吸われたので、おなじ沼にハマらないように :pencil:

シミュレータでの見え方

image.png

上：標準のUITableViewCell
下：カスタムUITableViewCell

実機での見え方

image.png

上：標準のUITableViewCell
下：カスタムUITableViewCell

フォントサイズが変わる

標準のUITableViewCellに注目してみると、
実機とシミュレータでフォントサイズが変わっていることがわかりました。

具体的には、シミュレータでは.SFUI-Regular 17.00pt、実機のときは.SFUIDiplay-Semibold 23.00ptとなっていました。

シミュレータ
image.png

実機
image.png

UILabelのFontの設定をポイント固定にしてはいけない

UILabelのFontをSystem 18.0に設定していました。この設定をBodyに変更することで、実行時の適切なFontに変更されることがわかりました。

Text StyleからBodyを選択する

image.png

Fontが追従しないNGパターン

image.png

Fontが適切に変更されるOKパターン

image.png

0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
Sign upLogin
0
1