iOS 폰트에 대한 서로 다른 시각
이슈
* 디자이너가 보는 Zeplin 화면과 개발자가 만든 앱 화면에서 폰트가 다르게 보인다.
왜
* iOS 시스템 폰트
* iOS 11부터 SF Pro이다.
* optical sizes라는게 있다. iOS가 20 포인트 미만은 text, 20 포인트 이상은 display를 자동으로 선택한다.
* optical sizes의 text와 display의 차이: text는 display와 달리 글자속 트임구멍이 더 넓고 자간도 널찍하다.
* SF에는 영어와 숫자만 있다. 한글은 Apple SD 산돌고딕 Neo이다.
* Zeplin
* Zeplin은 optical sizes를 자동으로 적용해주지 않는다.
어떻게 해결할까
* 이런 이슈가 있다는 것을 디자이너가 알 수 있도록 도와줘야 한다.
* 완벽하지는 않지만 조금이라도 나아질 수 있는 방법을 시도해본다.
* Sketch plugin https://github.com/kylehickinson/Sketch-SF-UI-Font-Fixer
* 지금의 우리는 미래의 iOS 버전에서 폰트를 어떻게 지원할 지 알 수 없다.
* 폰트 이름으로 하드 코딩하지 않는다. 예를 들어 iOS 13에서 UIFont(name:“.SFUIDisplay-Bold”, size:19) 같은 식으로 폰트이름을 하드코딩하면 엉뚱하게도 Time New Roman이 나온다.
참고
* https://developer.apple.com/fonts/
* https://developer.apple.com/design/human-interface-guidelines/ios/visual-design/typography/
* https://en.wikipedia.org/wiki/San_Francisco_(sans-serif_typeface)
* https://en.wikipedia.org/wiki/Font#Optical_size
* https://developer.apple.com/videos/play/wwdc2019/227/
* https://developer.apple.com/videos/play/wwdc2015/804/
* https://www.clien.net/service/board/cm_mac/10990300
* 산돌에 전화해서 확인한 결과입니다. “애플산돌네오고딕과 관련해서는 산돌에 어떠한 권리도 없고 단순 제작 의뢰를 받아 만들어줬을 뿐이다. 라이선스 정책은 애플에 문의하고 그에 따르면된다. 마이크로소프트의 맑은 고딕도 자신들이 제작만 했을 뿐이다.”
* https://medium.com/@nathangitter/why-your-app-looks-better-in-sketch-3a01b22c43d7