关于字体适配的那些事

最新推荐文章于 2022-08-20 15:28:55 发布

原创

最新推荐文章于 2022-08-20 15:28:55 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#字体 #Adaptive #UIFont

本文探讨了iOS开发中字体适配的重要性，特别是在不同尺寸屏幕间的差异。介绍了两种字体适配方案：一种是通过遍历字体大小找到最佳适配，另一种是利用Category替换系统方法。文中提到，虽然提供了示例代码，但这并非最终解决方案，期待更多适配策略的讨论。

前言

之前做过很多项目都没考虑过字体适配问题。相信绝大多数人在做项目时，都没仔细去考虑这件事。一般都是根据UI出的图做个估算，有耐心的估计会自己拿工具测量下。如今，考虑到iPhone机型的多样性，UI设计师不可能针对每一款iPhone的屏幕出一套UI图。一般而言，都是基于5s的标准出UI。当我们在设置字体时，往往都是基于UI并且针对不同的屏幕字体也都是绝对的。那么问题来了，细心的同学可能会注意到，相同大小的字体在5s或6上也许差别不大，但在6p上字体有缩小的现象，其原因由分辨率导致。
在6出来不久，曾看过有关适配的文章，其中关于iPhone尺寸规格如下：

设备	宽	高	对角线	逻辑分辨率	scale Factor	设备分辨率	PPI
3GS	2.4inch	4.5inch	3.5inch	320x480	@1x	320x480	163
4(s)	2.31inch	4.5inch	3.5inch	320x480	@2x	640x960	326
5c	2.33inch	4.90inch	4inch	320x568	@2x	640x1136	326
5(s)	2.31inch	4.87inch	4inch	320x568	@2x	640x1136	326
6	2.64inch	5.44inch	4.7inch	375x667	@2x	750x1334	326
6p	3.06inch	6.22inch	5.5inch	414x736	@3x	1242x2208	401

从iPhone3GS/iPhone4(s)过渡到iPhone5(s)时，在逻辑上宽度不变高度稍高，之前旧的素材和布局通过AutoresizingFlexible简单适配即可运行得很好，但由于高宽比增大，上下两端出现黑粗边（典型如LaunchImage）。从分辨率的角度来看，除了需要提供LaunchImage这种满屏图，其他基本沿用二倍图（@2x）；从屏幕尺寸角度来看，需要对纵向