[Catalina] 영어와 일본어를 혼합한 요소의 높이가 맞지 않음(글꼴 버그)(Chrome)
현상
일본어와 영어 표기로 한 div요소를
display:inline-block로 가로 일렬로 늘어놓으면 아래와 같이 영어가 들어 있는 요소만 div가 작아지고 있다.
대상 독자
codepen의 표시가 위와 같이
Hello 만 작게 표시되고 있는 사람See the Pen catalina_font_bug by Toshi ( @ Toshi 1 )
on CodePen .
결론
Chromeのフォント設定 변경하기
방법
이것은 mac 새로운 OS의 Catalina 폰트 설정으로 인해 발생합니다. macOS Catalina에서 히라기노각고 Pro/ProN이 없어진 것으로, 기본적으로 명조체가 설정되는 것 같습니다. 그래서 폰트 설정을 합시다.
Chrome 화면에서 오른쪽 상단의 
을 눌러 Chrome 설정 화면으로 이동
フォントをカスタマイズ 선택
標準フォント가 カスタム이므로 원하는 글꼴로 설정합니다 (한 번 글꼴을 선택하면 사용자 정의가 사라집니다)
내 경우 ヒラギノ角ゴシック를 선택했습니다.
Sans Serifフォント 또한 사용자 정의되어 있으므로 변경하십시오.
다시 표시를 확인하면 일본어와 영어가 혼합된 div 요소의 높이가 갖추어져 있는 것을 확인할 수 있다고 생각합니다.
Reference
이 문제에 관하여([Catalina] 영어와 일본어를 혼합한 요소의 높이가 맞지 않음(글꼴 버그)(Chrome)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/bbapexx/items/f6f4290545aeff54b356텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
좋은 웹페이지 즐겨찾기
