웹폰트 적용 font-face 가 말을 안들어요
본문
@charset "utf-8";
@font-face {
font-family: "NotoSans kr";
src: url('../font/NotoSansCJKkr-Thin.eot');
src: url('../font/NotoSansCJKkr-Thin.eot#iefix') format('embedded-opentype');
src: url('../font/NotoSansCJKkr-Thin.woff') format('woff');
font-weight:100;
}
@font-face {
font-family: "NotoSans kr";
src: url('../font/NotoSansCJKkr-Regular.eot');
src: url('../font/NotoSansCJKkr-Regular.eot#iefix') format('embedded-opentype');
src: url('../font/NotoSansCJKkr-Regular.woff') format('woff');
font-weight:300;
}
css에 이렇게 적용했구요
ftp로 서버에 업로드하고 새로고침하면 폰트가 적용이됩니다
그런데 문제는
다른페이지를 갔다가 돌아오거나 사파리를 껐다가 다시 키면 폰트적용이 안되어있어요.
크롬에서는 계속 적용되어있는데 사파리가 문제입니다
딱 서버에 업로드하고 새로고침한 그 순간에만 폰트가 적용되어 있습니다.
문제가 뭔가요? 도무지 모르겠네요ㅠㅠ
도와주셔요...흑흑..
답변 1
웹폰트 url을 도메인이 포함된 절대경로로 지정해서 한번 테스트해보세요.
http:// 부터 경로적어서 했음에도
크롬에서는 잘 작동하고, 사파리에서는 업로드하고 새로고침한순간조차도 아예 적용이 안되네요 ㅜㅜ
IE 경우는 어떤지 확인해 보시고, 해당 사이트 주소 공개해서 자신 컴만의 문제인지 테스트를 한번 해보세요.
그뒤로 고친게 하나도 없는데 갑자기 됐습니다...!!1 답변주셔서 감사합니다!