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

웹폰트 적용시 사파리 브라우저에서... 채택완료

컴대장 6년 전 조회 6,258

@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css">http://fonts.googleapis.com/earlyaccess/notosanskr.css);

* {margin:0; padding:0; font-family:'Noto Sans KR', "나눔고딕", 'Nanum Gothic', "맑은고딕", 'Malgun Gothic', "돋움", dotum, "굴림", gulim, sans-serif;}

 

이렇게 적용했더니....모두 정상인데...

 

사파리 브라우저에서만 한글이 안나오네요..ㅎ

 

그래서 아래와 같이 직접 업로드해서 적용했더니 보입니다.

 

@font-face{

  font-family:Noto Sans KR; src:url('./fonts/NotoSansKR-Regular.eot'); /* ie 호환성 보기*/

  src:url('./fonts/NotoSansKR-Regular.woff') format('woff'), /* 모든 브라우저*/

  url('./fonts/NotoSansKR-Regular.woff2') format('woff2'), /* woff2 지원 브라우저*/

  url('./fonts/NotoSansKR-Regular.ttf') format('truetype'),

  url('./fonts/NotoSansKR-Regular.eot#iefix') format('embedded-opentype'); /* ie 6-8 */

}

 

http://fonts.googleapis.com/earlyaccess/notosanskr.css">http://fonts.googleapis.com/earlyaccess/notosanskr.css

 

파일을 열어보면 확장자가 모두 "woff" 인데요. 모든 브라우저가 지원하는걸로 알고 있습니다.

 

직접 업로드말고 해결책이 있을까요?

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

답변 1개

채택된 답변
+20 포인트

검색해봤는데요.

https://codeday.me/ko/qa/20190322/128943.html">https://codeday.me/ko/qa/20190322/128943.html

https://macnews.tistory.com/162">https://macnews.tistory.com/162

이게 맞는지 모르겠네요.

사파리 브라우저에서 글꼴 렌더링이 이상한것 같습니다.

아마도 직접 업로드해서 사용하심이 덜 피곤하실것 같아요~

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

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

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

로그인