macOS에서 KBD 태그의 유니코드 글리프 표시 개선

Mac의 기본 등폭(Monospace) 글꼴인 Menlo에는 여기에서 볼 수 있듯이 유니코드 글리프 정렬에 문제가 있습니다:

WYSIWYG 편집기 모드에는 개선된 등폭 글꼴인 JetBrains Mono를 포함했으며, 게시글에서 이를 확인할 수 있습니다. 예를 들어:

⌘ ⇧ .

따라서 이 문제를 해결하기 위해 <kbd> 태그에도 이 글꼴을 사용하도록 변경해야 합니다: ⌘ ⇧ .

또 다른 문제는 글리프 사이의 간격이 다소 넓다는 점입니다. macOS에서는 일반적으로 메뉴와 같은 OS 전반에서 볼 수 있듯이 완전한 공백이 아닌, 약간 좁은 간격을 사용하는 것이 표준입니다:

따라서 이를 더 조여서 다음과 같은 결과를 얻습니다.

1개의 좋아요

감사합니다! 이 문제는 특히 Mac Safari에서 줌 +1을 사용할 때 발생했습니다(저의 기본 줌 레벨이므로 항상 이 문제를 겪었습니다).

1개의 좋아요