크롬37이상에서 영문 일부에 공백이 생김

서비스명: 지식백과 / 제보자 : 정사라 현상 재현환경 윈도우 크롬 37 이상   돋움/굴림으로 선언한 페이지에서 영문자를 표현할 경우, 일부 글자에서 자간이 넓어져 띄어쓰기된것 처럼 보입니다. test url : http://jsbin.com/mebabecave/1   오류 화면 정상 화면     원인 크롬 윈도우 37정식판부터 글꼴 처리방식을 위한 ‘다이렉트라이트(DirectWrite)’의 기본 옵션이 ‘사용’ 으로 됨. 다이렉트라이트(DirectWrite)가 활성화 더보기…

Windows 고대비 모드와 이미지 대치 기법, 배경 이미지가 사라지는 현상

고대비 모드 고대비 모드란? 일반적으로 저시력자를 위해 고려된 모드입니다. 개인 성향에 따라 누구나 쉽게 설정할 수 있습니다. 고대비 모드 설정하기 – 윈도우 XP 윈도우에서 고대비 모드를 설정하는 방법은 다양합니다. 아래는 XP부터 8.1까지 윈도우 고대비 모드를 설정하는 방법들입니다. 윈도우 XP의 고대비 모드 설정은 제어판 내게 필요한 옵션에서도 가능합니다.   디스플레이 등록정보 더보기…

글쓴이 오승환,

[iOS] AppleSDGothicNeo 폰트가 다르게 노출되는 현상

현상 재현환경 iOS 7.1 AppleSDGothicNeo 폰트 패밀리에 font-weight:bold 속성을 주었을 때 굵어지는 정도가 규칙적이지 않다.   원인 css로 font-weight:bold 속성을 줄 경우 브라우저마다 각각의 폰트를 표현하는 방법이 다른데, AppleSDGothicNeo 폰트 패밀리에서는 AppleSDGothicNeo-Light와 AppleSDGothicNeo-Medium 이 다른 폰트에 비해 글자 넓이가 넓어져 오류처럼 보인다.   해결방법 AppleSDGothicNeo 폰트 패밀리의 굵기 표현 단계를 더보기…

글쓴이 minsook,

[iOS] 특수문자인식오류 해결

서비스명: 지식백과 / 제보자 : 정사라 현상 재현환경 ios 버전 6.1.3, 7.1.1, 7.0.4 safari 브라우저   ios에서 기본 entity는 정상노출됩니다. 하지만, ㈜의 경우 entity코드가 없어 unicode로 넣어 대체하였으나, Helvetica font에서 해당 unicode 인식하지 못해 x표시(일명 엑박)로 노출되는 문제가 있어 공유드립니다.   오류화면 정상 화면   정상화면URL: http://m.terms.naver.com/entry.nhn?docId=1395962&cid=685&categoryId=1426   원인 Helvetica만 선언했을경우 더보기…

CSS Attribute Selector에 Style속성을 구분자로 사용하지 마세요

저는 가끔 Attribute Selector를 사용해서 특정 스타일을 분기처리할 때가 있습니다. 그런데 Dom이 동적으로 변경되서 작성한 Attribute Selector의 조건이 됬는데 Style 속성을 구분자로 사용할 경우 해당 스타일을 화면에 안그립니다. 예를들어 배너가 활성화되있으면 배너 아래 있는 A박스가 margin-top:0 인데 배너가 비활성화 상태가 되면 A박스는 margin-top:10px이 된야한다. 이 경우 대부분의 브라우저가 margin-top:10px을 못 더보기…

글쓴이 MK,

[버그] 안드로이드 세로 뷰로 페이지 접근시 본문/댓글 등의 텍스트 영역의 가로 영역이 축소됨

안드로이드 단말에서 옵션으로 인해 재현되는 이슈 공유 드립니다. 재현환경 안드로이드 단말(PAD류 포함) 모든 버전 재현화면 재현조건 뷰포트 정의가 없음 (PC서비스) 좌측 정렬(디폴트 좌정렬 포함) 일정 길이 이상의 문장 원인 안드로이드에서 모바일 전용 페이지가 아닌 경우 텍스트를 쉽게 읽게 하기 위하여 사용되는 ‘페이지 자동 맞춤’ 옵션이 유발 해결방법 배경색 지정(#fff등)이나 투명 더보기…

글쓴이 정대영,

[모바일] Google Nexus 7에서 이미지 렌더링 이슈

문제점 Google Nexus 7에서 일부 이미지 해상도가 떨어지며,  이미지 주변으로 1px 정도의 실선이 보이는 문제를 발견했다. 미디어 쿼리로 고해상도 이미지를 분기 처리 하였지만 제대로 동작하지 않았다. 이 문제는  Android 4.4.2를 설치한 Google Nexus 7 2012 모델에서만 발생하고, 2013 모델에서는 발생하지 않았다.   원인과 해결책 1. 미디어 쿼리> Ratio 분기 고 해상도 이미지 더보기…

글쓴이 kang2266,

Flash addCallback으로 인한 IE8 Javascript error

AS3.0은 ExternalInterface라는 클래스의 addCallback 함수를 이용해 javascript에서 호출 가능한 flash 함수를 등록할 수 있습니다.   addCallback을 이용해 함수를 등록하면  플래시는 동적으로 __flash__addCallback(){} 이라는 javascript 함수를 생성하는데요, 이때 함수명을 특정 단어로 등록하면 IE8과 IE6에서 javascript error가 발생합니다.   위 화면처럼 디버깅시 오류화면을 볼 수 있으며, IE8에서 예약어로 지정된 단어를 사용하여 발생하는 더보기…

Flash Player 11.8.800.168 한글 깨짐 현상

2013년 9월  배포된 플래시 플레이어 11.8.800.168과  11.8.800.174  에서 한글 깨짐 현상이 있었습니다. 추석 전후에 일어난 장애라 대응 또한 쉽지 않았는데요.   자세히 알아보도록 하겠습니다. 먼저 168버전의 버그입니다. Flash에서 javascript함수를 호출하고 인자로 한글을 넘길경우, 한글이 깨지는 문제입니다.   해결방법은 여러가지가 있겠지만 우리는 url encoding 처리를 하였습니다. var msg = escape( data ) 더보기…

글쓴이 riateam,