Safari에서 글자가 제멋대로 섞이는 현상

sanghyuk · 2007-11-05, 10:11 PM

레오파드를 깔고 한 5일 지났습니다. 여태 이런 적이 없는데 어떤 웹사이트에 들어가면 글자가 첨부이미지처럼 섞여서 나오는군요. 사파리를 종료했다가 재실행하면 제대로 나옵니다. 왜 그런걸까요?

ethar · 2007-11-05, 10:22 PM

css 폰트 문제일까요?
문제의 페이지 가운데 하나 쯤 url 을 알려주시면 도움이 될 것 같군요.

Camus · 2007-11-05, 10:36 PM

Font Book 의 Preferences 에서 Automatic Font Activation 옵션을 끄고 사파리를 이용해 보세요.

아마도 굴림체가 나오는 듯 합니다만.. (혹시 폰트북에 Gulim 체가 있다면 꺼두시구요)

gobike · 2007-11-06, 01:00 AM

서체 문제가 좀 심각한듯 합니다.

윤고딕이 설치 되어 있을 경우 페이지는 완전히 깨져보이고, HY 서체가 설치되어 있을경우 아래 처럼 보입니다.

Camus님의 의견대로 폰트북의 설정을 해 둔 상태입니다.

다른 분들은 문제 없으신가요?

아래 사이트를 캡춰해서 올립니다.
ZDNet Korea...

cdream · 2007-11-06, 01:33 AM

당연한 거지.. 문제는 아닙니다.

CSS에서 영문과 한글의 서체를 동시에 설정해 놓으면..
영문 캐릭터는 지정된 영문서체로 한글은 한글서체로 나오는 당연한 현상입니다.

다시말하면 CSS 표준대로 제대로 렌더링 된겁니다.

보통 영문은 윈도우즈나 맥이나 필요한 서체를 다 갖추고 있기 때문에..
개발자가 원래 지정한 서체가 제대로 나옵니다.

그런데 한글은 없는 경우가 많기 때문에 유저가 세팅한데로 나옵니다.

개발자가 고맙게도 서체네임이 아니라
sans serif 등의 스타일네임을 지정하면 문제가 없지만..
구체적으로 타임즈 뉴 로만 등으로 지정하였다면..
그 서체가 렌더링되는 것이지요.

아마 짐작컨데..(소스를 들여다 보지는 않았습니다)
저 페이지는 바탕체와 타임즈 뉴 로만 정도의 서체가 지정된 것 같습니다.
스타일네임으론 serif 정도에 해당되겠지요.

gobike님이 한글서체를 너무 두꺼운 서체로 지정해서..
한글과 영문 서체가 너무 다르게 나오는 것이구요.
캡쳐해 주신 화면은...
사파리의 렌더링 상태가 매우 정상적임을 보여주는 화면이네요!!

cdream · 2007-11-06, 01:45 AM

몇가지 한글과 관련된 이슈를 이야기 하자면..

비스타의 기본 서체인 맑은고딕은 아쉽게도 비트맵 서체의 자간이 잘못 잡혀있습니다.
비트맵 부분에 보통 매트릭스정보를 포함하기 때문에..
맑은 고딕을 사용하면 자간이 붙는 현상이 일어날 수 있습니다.

모노스페이스로 CSS에서 지정되어있을경우..
한글자간이 붙어버릴 수 있습니다.
현재 맥에서 사용되는 서체중에.. 모노스페이스라고 할 수 있는 한글 서체는 없는 듯 하구요.
(PC명조가 유일합니다만.. )
영문에 비해 한글이 2배정도 자간이 넓기 때문에..
모노스페이스로 설정된 CSS가 적용되면
한글 자간은 붙을 수 있습니다.

문제를 일으키는 싸이트 URL을 가르쳐주세요..

gobike · 2007-11-06, 01:57 AM

인용:

cdream 님이 쓰신 글

gobike님이 한글서체를 너무 두꺼운 서체로 지정해서..
한글과 영문 서체가 너무 다르게 나오는 것이구요.
캡쳐해 주신 화면은...
사파리의 렌더링 상태가 매우 정상적임을 보여주는 화면이네요!!

저는 스타일 쉬트를 지정하지 않았구요. 서체는 애플고딕으로 둔 상태입니다.

대신 Font 폴더에는 문제가 많아서 HY 서체 몇개만 설치해 둔 상태인데, 위에 링크 해둔 페이지 포함, 몇몇 페이지가 HY헤드라인 서체로 지정이 되버리는 현상입니다.

애플포럼이나 네이버 등은 잘 표시해 주지만,

http://www.hanafos.com/
ZDNet Korea...
등은 글자가 굵게 나옵니다.

만약 윤고딕 서체가 설치 되어 있다면 위 페이지들은 완전히 글자가 깨져보입니다. (어쩔수 없이 윤고딕은 지웠음)

다른 분들은 괜찮으신가요?

제이 · 2007-11-06, 01:59 AM

제가 볼땐 문제같습니다.
ZDnet은 css상에 font-family가 sans-serif 지정없이 돋움과 돋움체로만 되어있군요. ;;

아무튼 그래서 영문은 레오파드 사파리의 기본서체인 타임즈로 렌더링이 되고있어 보이는데 한글은 조금 생뚱맞네요. 스샷을 올리신 이유를 생각해보면 당연히 HY로 브라우저 서체를 지정하시진 않으셨을테고, 그러면 한글서체는 당연히 한글 기본서체인 애플고딕으로 렌더링되어야 될텐데 HY는 어떤이유로 간택된걸까요. 희한합니다.

아니면 설치하신 HY서체가 "자신을 돋움으로 믿고있는" 이상한 서체일지도 모르겠네요.

제이 · 2007-11-06, 02:10 AM

사파리기본 사용자 css로 사용하기엔 다른사이트에서 문제가 될수 있으니 safaristand를 사용해서 문제가 있는 사이트별로 사용자 css를 사용해서 임시방편으로 사용하는 수밖에 없어보이네요.

body {font-family: "Lucida Grande", AppleGothic, sans-serif !important;}

sanghyuk · 2007-11-06, 02:11 AM

저의 경우는 사파리의 서체는 lucida grande로 설정해 놓았고 Camus님이 가르쳐주신대로 Automatic Font Activation을 꺼두었습니다. 그 후로는 지금까지는 글자가 섞이는 증상은 나타나지 않고 있습니다. Gulim은 서체에 없더군요. Automatic Font Activation 때문이었을까요?

cdream · 2007-11-06, 03:47 AM

Automatic Font Activation은 폰트 폴더에 폰트가 없더라도
특정폰트를 사용한 도큐먼트를 열경우에
그 폰트를 자동으로 찾아서 사용한다는 것이지요...

1. 특정서체를 지정할경우 깨지는 경우
는 지정한 서체가 잘못 되서 그런 경우가 많습니다.
대부분의 한글 상용서체들은 잘못된 정보를 가지고 있습니다.

예를들면 일본어 서체가 갖는 아이디 범위에 서체 아이디를 둔다던가..
(아이디 할당을 신청해서 할당받으면 되는데... 그거 귀찮아서..)
이러면 일본어로 서체로 인식되면서 깨지는 경우 있습니다.

2. 특정서체가 지정되었는데 지정된 한글 서체가 없을경우...
애플고딕이 아니라 이상한 서체가 지정된다.

에디터를 열어서 테스트 해보았습니다.

아예 한글서체가 지정이 안된경우 제대로 나옵니다.

한글서체만 있을 경우 한글서체가 애플고딕이 아니라 엉뚱한 서체로 나옵니다.
(어떤 한글서체가 지정되어도 서체폴더에 없다면..)

영문서체가 하나라도 동시에 지정이되어있으면 애플고딕으로 제대로 나옵니다.

2007-11-05, 10:22 PM	#2
ethar Elite Member Registered: May 2004 My Mac: powerbook g4 12", imac 20" Posts: 1,041 온라인	css 폰트 문제일까요? 문제의 페이지 가운데 하나 쯤 url 을 알려주시면 도움이 될 것 같군요. __________________ - in my heart is a hunger I would never give away -

2007-11-06, 01:33 AM	#5
cdream Senior Member Registered: Feb 2002 My Mac: G4/500 Posts: 205 오프라인	당연한 거지.. 문제는 아닙니다. CSS에서 영문과 한글의 서체를 동시에 설정해 놓으면.. 영문 캐릭터는 지정된 영문서체로 한글은 한글서체로 나오는 당연한 현상입니다. 다시말하면 CSS 표준대로 제대로 렌더링 된겁니다. 보통 영문은 윈도우즈나 맥이나 필요한 서체를 다 갖추고 있기 때문에.. 개발자가 원래 지정한 서체가 제대로 나옵니다. 그런데 한글은 없는 경우가 많기 때문에 유저가 세팅한데로 나옵니다. 개발자가 고맙게도 서체네임이 아니라 sans serif 등의 스타일네임을 지정하면 문제가 없지만.. 구체적으로 타임즈 뉴 로만 등으로 지정하였다면.. 그 서체가 렌더링되는 것이지요. 아마 짐작컨데..(소스를 들여다 보지는 않았습니다) 저 페이지는 바탕체와 타임즈 뉴 로만 정도의 서체가 지정된 것 같습니다. 스타일네임으론 serif 정도에 해당되겠지요. gobike님이 한글서체를 너무 두꺼운 서체로 지정해서.. 한글과 영문 서체가 너무 다르게 나오는 것이구요. 캡쳐해 주신 화면은... 사파리의 렌더링 상태가 매우 정상적임을 보여주는 화면이네요!! cdream 님께서 2007-11-06 01:37 AM 에 수정하셨습니다.. 이유: 오타 수정

2007-11-06, 01:59 AM	#8
제이 Senior Member Registered: Jan 2003 My Mac: iMac G5 2.1 Posts: 334 오프라인	제가 볼땐 문제같습니다. ZDnet은 css상에 font-family가 sans-serif 지정없이 돋움과 돋움체로만 되어있군요. ;; 아무튼 그래서 영문은 레오파드 사파리의 기본서체인 타임즈로 렌더링이 되고있어 보이는데 한글은 조금 생뚱맞네요. 스샷을 올리신 이유를 생각해보면 당연히 HY로 브라우저 서체를 지정하시진 않으셨을테고, 그러면 한글서체는 당연히 한글 기본서체인 애플고딕으로 렌더링되어야 될텐데 HY는 어떤이유로 간택된걸까요. 희한합니다. 아니면 설치하신 HY서체가 "자신을 돋움으로 믿고있는" 이상한 서체일지도 모르겠네요. __________________ PC are like air-conditioners, they stop working properly when you open windows.

2007-11-06, 02:10 AM	#9
제이 Senior Member Registered: Jan 2003 My Mac: iMac G5 2.1 Posts: 334 오프라인	사파리기본 사용자 css로 사용하기엔 다른사이트에서 문제가 될수 있으니 safaristand를 사용해서 문제가 있는 사이트별로 사용자 css를 사용해서 임시방편으로 사용하는 수밖에 없어보이네요. body {font-family: "Lucida Grande", AppleGothic, sans-serif !important;} __________________ PC are like air-conditioners, they stop working properly when you open windows.

2007-11-06, 01:45 AM	#6
cdream Senior Member Registered: Feb 2002 My Mac: G4/500 Posts: 205 오프라인	몇가지 한글과 관련된 이슈를 이야기 하자면.. 비스타의 기본 서체인 맑은고딕은 아쉽게도 비트맵 서체의 자간이 잘못 잡혀있습니다. 비트맵 부분에 보통 매트릭스정보를 포함하기 때문에.. 맑은 고딕을 사용하면 자간이 붙는 현상이 일어날 수 있습니다. 모노스페이스로 CSS에서 지정되어있을경우.. 한글자간이 붙어버릴 수 있습니다. 현재 맥에서 사용되는 서체중에.. 모노스페이스라고 할 수 있는 한글 서체는 없는 듯 하구요. (PC명조가 유일합니다만.. ) 영문에 비해 한글이 2배정도 자간이 넓기 때문에.. 모노스페이스로 설정된 CSS가 적용되면 한글 자간은 붙을 수 있습니다. 문제를 일으키는 싸이트 URL을 가르쳐주세요..

2007-11-06, 02:11 AM	#10
sanghyuk Member Registered: Jul 2007 My Mac: iMac(2GHz C2D, 2G Ram), Macbook(2GHz Intel Core 2 Duo, 2GB RAM), iPod(30G), appleTV Posts: 46 오프라인	저의 경우는 사파리의 서체는 lucida grande로 설정해 놓았고 Camus님이 가르쳐주신대로 Automatic Font Activation을 꺼두었습니다. 그 후로는 지금까지는 글자가 섞이는 증상은 나타나지 않고 있습니다. Gulim은 서체에 없더군요. Automatic Font Activation 때문이었을까요?

2007-11-06, 03:47 AM	#11
cdream Senior Member Registered: Feb 2002 My Mac: G4/500 Posts: 205 오프라인	Automatic Font Activation은 폰트 폴더에 폰트가 없더라도 특정폰트를 사용한 도큐먼트를 열경우에 그 폰트를 자동으로 찾아서 사용한다는 것이지요... 1. 특정서체를 지정할경우 깨지는 경우 는 지정한 서체가 잘못 되서 그런 경우가 많습니다. 대부분의 한글 상용서체들은 잘못된 정보를 가지고 있습니다. 예를들면 일본어 서체가 갖는 아이디 범위에 서체 아이디를 둔다던가.. (아이디 할당을 신청해서 할당받으면 되는데... 그거 귀찮아서..) 이러면 일본어로 서체로 인식되면서 깨지는 경우 있습니다. 2. 특정서체가 지정되었는데 지정된 한글 서체가 없을경우... 애플고딕이 아니라 이상한 서체가 지정된다. 에디터를 열어서 테스트 해보았습니다. 아예 한글서체가 지정이 안된경우 제대로 나옵니다. 한글서체만 있을 경우 한글서체가 애플고딕이 아니라 엉뚱한 서체로 나옵니다. (어떤 한글서체가 지정되어도 서체폴더에 없다면..) 영문서체가 하나라도 동시에 지정이되어있으면 애플고딕으로 제대로 나옵니다.

글타래 옵션
프린트 메일