[CSS] 웹사이트 사파리 브라우저에서 명조체로 보일 때 해결방법

 

 

사파리 브라우저에서 웹사이트 기본 폰트가 명조체로 보일 때 

 

웹사이트를 사파리 브라우저에서 볼 때 가끔 고딕체나 특정 폰트로 지정한 부분이 기본 명조체로 보여질 때가 있습니다.
사파리의 고유 기본 폰트명을 고딕체로 설정해주지 않아서 생기는 이슈인데요.

 

 

크롬 브라우저에서는 'Noto Sans'로만 지정되어있어도 텍스트가 고딕 폰트로 정상적으로 노출되지만,

 

 

사파리 브라우저에서는 이렇게 기본 명조체로 나타나게 됩니다.

 

 

해당 부분의 css 소스에서 'Apple SD Gothic Neo'를 추가하면 해결됩니다.

.text {font-family:'Noto Sans KR','Apple SD Gothic Neo',Sans-serif; }

 

위처럼 설정 시 '' 안에 들어간 폰트 순서대로 해당 폰트가 없는 경우 다음 폰트 순으로 보여집니다.

 

 

 

추가 후 정상적으로 고딕 폰트가 출력되는 것을 확인할 수 있습니다.

 

 

 

 

이 글이 도움이 되셨거나, 궁금하신 점은 댓글로 남겨주세요!