IE7에서 작은 사이즈 폰트 뭉개짐 현상이 일어납니다.

Question

나눔고딕체는 IE7에서 잘나오는데,

나눔스퀘어,서울남산체등은 본문글씨체(13px이하의 작은 글씨체들) IE7에서 뭉개지는 현상이 발생합니다.
 
제 생각에는 나눔고딕은 익스7과 작은글씨에도 최적화가 잘되있어서 잘나오나

나눔스퀘어나 서울남산체는 그렇지 않아서 생기는 현상같은데 이걸 해결 할 수 있는 방법 없을까요?

CSS핵으로 익스7에서는 나눔고딕체로 보이게 하는 방법이 있겠으나, 최대한 해결해보려고 하는데

한글폰트 문제라 구글에서 찾아봐도 나오지 않고 어떻게 해결해야 될지 감이 안잡히네요.

 

-익스11 + 기타 브라우저에서 나눔스퀘어체가 적용된 화면

-익스11 + 기타 브라우저에서 서울남산체가 적용된 화면

 

 

-IE7에서 나눔스퀘어가 적용된 모습(표는 나눔고딕체라 잘나옵니다)

-IE7에서 서울남산체가 적용된 모습(폰트사이즈가 큰 글씨들는 비교적 잘나옵니다.)

P.s 나눔고딕과 나눔스퀘어체는 웹폰트로 사용하였고 서울남산체는 변환기 돌려서 필요한 폰트확장자 모두 업로드 하였으니 폰트 적용문제는 아닙니다.

 

Answer 1

현재 문제가 발생하고 있는 웹사이트의 코드를 확인할 수 있도록 링크를 올려주세요.

그리고, 웹폰트 자체의 완성도에 따라 질문한 현상이 발생할 수도 있습니다. 더군다나 웹폰트 전용 글꼴이 아닌 eot 변환기를 통해서 만든 글꼴일 경우에는 더더욱 그럴 개연성이 큽니다. 어떤 경우는 웹폰트라 할지라도 font-weight 속성이 적용이 안되는 경우도 있습니다.

안되는 것은 받아 들이고 우회 해결할 수 있는 방법이 있다면 그렇게 하는 것도 필요하다고 봅니다. 그래도 코드적인 해결책을 확인해 볼 필요가 있으므로 코드가 확인 가능한 URL을 올려주길 바랍니다.

Answer 2

비공개로 보내준 URL의 해당 소스코드에 대한 이슈는 없어 보입니다.

앞서 이야기했던 대로 웹폰트용으로 배포된 글꼴이 아닌 경우에는 분명히 사용상의 문제가 발생할 수 있습니다. 그리고 웹폰트용으로 개발된 폰트라 할지라도 다양한 옵션을 만족하지 않는(예를 들어 스크린에 최적화된 다양한 폰트 크기 등) 경우도 있습니다.

이것은 전적으로 리소스상의 근본적인 문제로 인식을 해야하는게 맞으며 그것을 우회하는 방법을 찾는게 현명합니다. 그리고 그 방법을 찾지 못한다면 클라이언트와의 협의가 필요하겠지요.

디자이너와의 커뮤니티를 이야기했는데 어떤식의 작업 프로세스를 가지고 있는지는 모르겠지만 디자이너의 역할이 화면 렌더링이라면 이미지 작업과 실제 코드 적용과는 거리감이 발생할 수도 있다는 점을 서로가 이해해야 합니다. 특히 폰트의 사용은 더더욱 그렇습니다. 웹폰트와 트루타입 폰트는 엄연히 다른 적용 영역입니다.

어느 한쪽의 일방으로 이러한 문제점을 대한다면 원만한 팀웍을 가질수 없습니다. 앞서 내용을 디자이너에게 잘 이야기해 보길 바랍니다. 분명 서로의 영역에 대한 이해가 부족할 수 있어 생길수 있는 문제도 있는 것입니다. 그렇지 않다면 기술적으로 논할 문제가 아니겠네요. -_-