mukie

파이어폭스로 웹서핑을 하다보면 몇몇 사이트에서 한글이 서로 겹쳐서 보이는 곳이 있거든요.
유독 그 사이트에서만 자간이 좁아지는지 글자들이 전부 겹쳐서 나타나네요.
사파리로 보면 멀쩡하게 보이는데 파이어폭스에서만... ㅠ.ㅠ
어떻게 손봐서 제대로 보이게 할 수 있는 방법이나 extension같은 게 없을까요?
꼭 들어가 확인해야만 하는 사이트들이 몇개 있는지라...

__________________
저의 블로그는요...
http://mukie.tistory.com

ventus

혹시 컴퓨터에 맑은고딕 서체가 설치되어 있습니까?

저도 맑은고딕으로 서체가 지정된 사이트에서 그런 경험이 있는데, 파이어폭스의

환경설정 - 내용 (글꼴과 색상) - 고급 에서 ‘사용자 선택 대신 페이지 지정 글꼴 사용 허가‘ 를 풀고서 해결했습니다.

첨부 파일 이미지

그림 1.png (32.1 KB, 6 views)

__________________
홈페이지

cdream

현재 맥에서 고정폭 글꼴은 사실상 없습니다.
아마도 서울체, 신문명조, 신문고딕.. 이정도가 아닐까 생각합니다만..
과거 텔넷시절 통신에 사용되었던 KS-5601 코드에 맞추어진 통신용 서체들 정도하고..

그런데 스타일시트에서 모노타입(그러니까 고정폭 글꼴)로 지정되면..
가변폭인 글꼴도.. 그러니까 애플고딕 같은 글자도..
글자 간격을 고정폭으로 맞춥니다.
CSS 식으로 말하면 한글자의 폭을 무조건 1em에 맞추는 것이지요..

이 1em이 다른 표현으로는 반각이 되겠습니다.
(한글 음절 하나의 폭을 전각 영문 글자 하나의폭을 반각 이라고 표현하기도하지요..)
그래서, 한글의 음절들이 겹쳐 보이게 되는겁니다.

이런 현상은
프로그래머들을 위한 유명한 Text Editor에서도 흔히 일어나는 현상입니다.
TextMate에서 억지로 한글을 입력하면 비슷한 현상이 일어납니다.

파이어폭스도 고정폭 글꼴일 때 스크립트에 따라서 넓이를 따로 지정하는 옵션이 필요해보입니다.

해결책은 ventus 님 말씀대로 하면..
고정폭 글꼴로 설정된 CSS의 서체지정을 무시하고..
원래 서체가 지정한 간격으로 글자가 나오게됩니다.