youtube clone을 하고 있다.
그런데 font size는 어떻게 정하는 걸까?
뭔가 guideline이 있을 것 같다는 생각이 들어 찾아본다.
Guidence | Font type | Default size | Secondary size | Reference |
---|---|---|---|---|
Material Design styling | Roboto | 16px | 14px | learn more |
iOS syling | SF Pro | 17px | 15px | learn yet |
물농, Google과 Apple의 style guide 기준은 다르지만, 본인이 어떤 OS를 만들지 생각하고 참고하면 좋다.
왜냐면, ios에서 16px보다 작게 만들면, 자동으로 줌인이 되어서 나중에 사용자가 줌아웃을 해서 빠져나가야 하기 때문이다.
Animation courtesy the dashing Ste Grainer. You can read his article on the auto-zoom phenomenon here.
1px정도만 줄인다면 사용자가 normal text와 구분하기 어려워한다.
백문이 불여일견이다.
직접 디바이스에서 눈으로 확인해보도록 하자.
[Reference]
https://learnui.design/blog/mobile-desktop-website-font-size-guidelines.html