![미붕붕드링크](https://meeco.kr/files/member_extra_info/profile_image/228/355/035/35355228.png?20240221091039)
미니 제가 볼 때 One UI 6.1 기본 폰트에 문제가 있는 것 같습니다.
- 미붕붕드링크
- 조회 수 3354
- 2024.06.20. 13:14
https://meeco.kr/mini/38696497
https://meeco.kr/mini/38737879
예전에 위 글들을 작성했었는데,
그 후로 펌웨어 업데이트가 두번이 지나도록 해결이 되지 않고있는 상황입니다.
그런데 사실 이 문제는 상단바 줄 맞춤만 안 되는 것이 아니라
시스템 전역 + 웹 브라우저(삼성 브라우저)까지 문제가 발생합니다.
우선 기존에 문제를 제기했던 상단바입니다.
비교가 쉽도록 굿락에서 시계 위치를 오른쪽으로 옮겨놓고 찍은 스샷에 점선을 그어봤습니다.
사실 점선이 없어도 한글이 들어간 시계+날짜 영역은 바로 옆 배터리와 비교해서 아래로 치우쳐진 것을 확인할 수 있습니다.
그럼 기본 폰트가 아닌 다른 폰트를 사용하면 어떻게 표시될까요?
갤럭시 스토어에서 구입한 합정산스 노말을 적용한 모습입니다.
배터리 퍼센트 표시 부분이 기본 폰트에 맞춰져 있기 때문에 위로 살짝 뜬 느낌이지만
한글이 들어간 시계+날짜 영역과 옆 배터리 영역이 아무 문제 없이 줄 맞춤이 제대로 되는것을 볼 수 있습니다.
(그리고 항상 이야기 하고 싶었던건데 시간과 날짜 사이의 여백 좀 줄여 주십시오.
어떻게 된게 배터리와 시간 사이의 여백보다 시간과 날짜 사이의 여백이 훨씬 넓어요.)
그 다음은 상단바를 내리면 나오는 알림 화면의 시계와 날짜 부분입니다.
중앙선은 우측 톱니바퀴 모양의 설정 아이콘의 중심을 기준으로 그었습니다.
(굿락으로 초시계를 켠 상황이라 초가 표시됩니다.)
시간 표시 부분과 날짜 표시 부분이 줄이 맞지 않습니다.
특히 한글이 들어간 쪽이 아래로 치우치는건 여전 합니다.
이번에도 합정산스 노말을 적용해 보겠습니다.
시간 표시 부분과 날짜 표시 부분이 줄이 확실하게 정렬되어 표시됩니다.
이번엔 그 아래쪽에 있는 기기 제어 버튼입니다.
중앙선은 버튼을 기준으로 가운데를 잡았습니다.
기본 폰트를 사용 중 일때는 중앙선 아래로 치우친게 확실하게 보입니다.
합정산스 노말을 적용하면 아래로 치우치지 않고 귀신같이 중앙정렬이 됩니다.
다음은 알림입니다.
중앙선은 알림 아이콘의 중앙을 기준으로 잡았습니다.
기본 폰트에서는 중앙선을 기준으로 아래로 치우치는게 보입니다.
또 다시 합정산스 노말을 적용해보면 중앙선을 기준으로 위 아래 적당히 균형이 맞게 표시가 됩니다.
이 문제는 웹페이지에서도 나타나는데, 문제는 웹페이지에서는 상황에 따라 글자가 잘리기도 한다는 것 입니다.
왼쪽의 소식 아이콘을 기준으로 선을 그어보니 텍스트가 전체적으로 아래로 치우치고 그것도 모자라서 y는 아래가 살짝 잘려있음을 확인할 수 있습니다.
미코의 경우엔 하단 여백이 어느정도 있어서 저 만큼 밖에 안잘리는데,
특정 웹 페이지에서는 소문자 아래부분이 모두 잘려서 y랑 v 구분이 힘든 정도로 나오는 곳도 있었습니다.
이 부분도 역시나 합정산스 노말을 적용하면 정상적으로 중앙에 잘 정렬되어 표시되고, 영문 대 소문자와 한글이 튀어나오는 부분이 전체적으로 밸런스가 있는것을 확인할 수 있습니다.
분명 One UI 6.0 베타부터 정식까지는 이런 문제를 느끼지 못했었는데,
One UI 6.1 업데이트 이후부터 이런 문제를 느끼고 있어서 6.1에서 기본폰트 혹은 기본폰트 관련 무언가가 문제가 생긴 것 아닌가 의심이 되는 상황입니다.
삼성에서는 로그 분석해서 추후 SW업데이트를 통해 수정 및 보완될 예정이라고 하면서,
정작 저 답변 이후로 펌웨어 업데이트가 2번이나 있었는데 여전히 해결 1도 안되고 있는 상황이라서 답답하네요.
긴 글 읽어주셔서 감사합니다.
![Daylight](https://meeco.kr/files/member_extra_info/profile_image/055/375/034/34375055.jpg?20230621163402)
![미붕붕드링크](https://meeco.kr/files/member_extra_info/profile_image/228/355/035/35355228.png?20240221091039)
![적당히하자](https://meeco.kr/files/member_extra_info/profile_image/595/865/023/23865595.png?20210603211236)
![미붕붕드링크](https://meeco.kr/files/member_extra_info/profile_image/228/355/035/35355228.png?20240221091039)
![응오아예맘마줘](https://meeco.kr/files/member_extra_info/profile_image/411/664/028/28664411.jpg?20221103162324)
이것과 관련이 있지 않을까 시프요
https://news.hada.io/topic?id=14386
가운데 정렬을 어렵게 만드는 요인들
- 폰트의 메트릭스가 중요한 역할을 함. 인기있는 폰트들 대부분이 바운딩 박스가 딱 맞지 않고 여백이 있어서 가운데 정렬이 어려움
- 줄 높이(line-height) 설정의 영향으로 서로 다른 컨테이너에 있는 두 개의 요소를 정렬하는 것이 거의 불가능함
- 아이콘을 텍스트 옆에 정렬하는 것도 매우 어려운 작업임. CSS의
vertical-align
속성으로는 아이콘을 의미있게 정렬할 수 없음 - 아이콘을 폰트 파일에 넣어 사용하는 아이콘 폰트는 크기와 패딩 조절이 안되어 정렬이 더 힘들어짐
- 디자이너들도 아이콘의 모양을 고려하지 않고 기계적으로 가운데 정렬하는 실수를 범함
- 수평 정렬도 세심한 주의를 기울이지 않으면 잘못될 수 있음
![미붕붕드링크](https://meeco.kr/files/member_extra_info/profile_image/228/355/035/35355228.png?20240221091039)
![두유](https://meeco.kr/files/member_extra_info/profile_image/427/932/026/26932427.jpg?20200521173733)
![미붕붕드링크](https://meeco.kr/files/member_extra_info/profile_image/228/355/035/35355228.png?20240221091039)
![maMeong](https://meeco.kr/files/member_extra_info/profile_image/492/527/028/28527492.jpg?20240726210950)
![미붕붕드링크](https://meeco.kr/files/member_extra_info/profile_image/228/355/035/35355228.png?20240221091039)
![maMeong](https://meeco.kr/files/member_extra_info/profile_image/492/527/028/28527492.jpg?20240726210950)
![불심](https://meeco.kr/files/member_extra_info/profile_image/789/048/035/35048789.png?20220402002055)
맞습니다 oneui 6.1들어서 폰트이슈로 기존에 개발해둔 기능들의 텍스트 마진이 어긋나는 현상이 있더라고요.
첨에 저도 지적을 했지만 그땐 뷰 이슈인가 했는데, 앱에서 폰트 교체 작업해보니 다시 잘 나와서 폰트이슈가 맞다고 확신했습니다.
저거땜에 디자이너분이랑 한탄한 기억이 새록새록 나는군요.
https://meeco.kr/mini/38569314
![미붕붕드링크](https://meeco.kr/files/member_extra_info/profile_image/228/355/035/35355228.png?20240221091039)
![불심](https://meeco.kr/files/member_extra_info/profile_image/789/048/035/35048789.png?20220402002055)
![미붕붕드링크](https://meeco.kr/files/member_extra_info/profile_image/228/355/035/35355228.png?20240221091039)
![Fluent](https://meeco.kr/files/member_extra_info/profile_image/300/632/038/38632300.jpg?20240415214855)
![Butzed](https://meeco.kr/files/member_extra_info/profile_image/127/433/034/34433127.jpg?20220124222255)
![HAL](https://meeco.kr/files/member_extra_info/profile_image/068/853/035/35853068.jpg?20220921153544)
정확히는 해당 부분은 새로 적용된 기본 한글 폰트의 고유 상단 여백 값을 제작 단계에서 잘못 지정했기 때문에 발생하는 문제입니다. 안드로이드 및 iOS의 기본 폰트는 언어별(정확히는 문자별)로 분리되어 있고, 상단 여백 값 등 폰트 고유의 값들은 표출되는 언어별 폰트의 모음 중에서 가장 큰 값을 따르게 됩니다. 그래서 첨부하신 사진에서 드러나듯 로마저 및 숫자만 존재하는 시간 요소는 정상적으로 표출되고, 햔글이 끼어들어간 날짜 요소는 기존 값과 매치되지 않는 상단 여백 값을 가지게 되어 비뚤게 표출되는 현상이 일어나는 것입니다.
새 폰트가 적용된 이후 긴 한국어 문서를 읽을 때 줄 간격이 약간 늘어난 것 같다는 느낌을 받으셨을 겁니다. 그 또한 마찬가지의 이유로, 로마자로 이루어진 문서에서는 발생하지 않는 이슈입니다.
이런 사소한 디테일이 중요하다고 보는 저같은 입장에선 아주 훌륭한 지적 해주신 것 같네요.
삼성이 빨리 개선해줬으면 좋겠지만... 제 예상으론 한~참 후에 기존 6.1 폰트 버리고 새로운 폰트 도입할 때나 고쳐지지 않을까 싶네요 ㅜ