사파리 브라우저에서 글자 크기가 다른 현상
본문
나눔고딕 폰트를 head.sub.php 에 아래와 같이 추가했습니다
<link href="https://fonts.googleapis.com/css?family=Nanum+Gothic" rel="stylesheet">
위 현상으로 고민중인 홈페이지 주소는 http://www.djchild.or.kr 입니다.
크롬 브라우저와 사파리 브라우저에서 미세하게 글자의 차이가 생기는 문제가 있어서 조언을 구합니다.
여러분은 크롬과 사파리 브라우저의 한글 표현의 미세한 차이를 어떻게 극복하시나요?
답변 1
폰트사이즈가 소숫점으로 떨어져서 차이가 발생하는것 같습니다.
폰트들이 13.2 px, 13.5px로 떨어지는데 이부분을 13픽셀로 바꿔보시고 비교해보니까 차이점이 없는것 같습니다.
예전에 아웃룩 메일 view 작업을 할때 이런 문제를 많이 겪었는데,
클라이언트 마다 픽셀에 대해 렌더링 하는 엔진알고리즘이 각기 다르다고 했던 기억이 있네요..
맥 아웃룩 같은 경우 화면에 렌더링 (dom rendering x)할때 4의 배수단위로 렌더링을 해서 7, 11, 13등으로 떨어지는 스타일들이 의도한대로 그려지지 않는 케이스가 있었습니다.
아하 저런 비밀이 있었군요
감사합니다.
답변을 작성하시기 전에 로그인 해주세요.
