테스트 사이트 - 개발 중인 베타 버전입니다

Noto Sans KR 폰트가 크롬과 익스에서 위치 차이가 발생됩니다. 채택완료

타히티 5년 전 조회 2,650

오늘은 일요일임에도 여기서 글을 읽고 답변을 달아주시는 분들도 참 열심히 하시네요.^^

 

노토산 폰트를 구글폰드에서 link 걸어서 쓰곤합니다.

 

그런데, 늘 느끼는 것이지만,

나눔폰트나 나눔바른폰트 또는 다른 영문폰트의 경우,,

위치가 크롬이나 익스에서는 다 맞는데,

 

유독 노토산 폰트만 크롬에서 볼 때나 익스에서 볼때나 위치가 다릅니다.

 

크롬에서 위치(높이)가 맞으면 익스에서는 위로 좀 올라가져있고,

 

익스에서는 맞으면 크롬에서는 밑으로 좀 내려가네요.

 

 

예를 보여드리자면요,,,

 

http://econveyor.co.kr/">http://econveyor.co.kr/ 

 

이 사이트에서 

배경이미지 한가운데 네모테두리 안에 '이지산기'라고 있습니다.

 

이게 Noto Sans KR 을 적용한 것인데,,

크롬과 익스에서 볼때 각각 높이 위치가 다르게 나타나는 현상이 발생됩니다

 

또, 한가지 더 추가하자면

 그 밑에 '무엇이 궁금하세요?" 라는 글자도 마찬가지로 크롬과 익스에서 위치가 다릅니다.

 

다른 홈페이지들에서는 그런 차이가 없어 보이는데,,

제가 샘플로 만들은 위 사이트에서는 이럽니다.

 

혹,,노토 폰트는 이런 문제가 있기 때문에 사용할 경우에는

<p>와 같은 태그를 써서 사용하지 말고,

 

<div>를 만들어서 그 안에 <p>를 넣어서라도 위치는 <div>를 position을 이용해서 <div>위치를 잡아야하는가요?

 

 

아니면, 그 페이지안에 reset.css 같은 초기화css가 없어서 그런건지..

 

참. 헷갈립니다..-.-;; 

 

혹, 정확히 문제점을 파악하실 수 있으세요? -.-;;;;

 

 

 

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
s
sinbi Expert
5년 전

아래 속성을 이용해 보세요.

https://homzzang.com/b/css-82

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인