서버에 폰트를 저장해서 폰트 사용하려고하는데 딜레이
본문
제서버에 폰트를 적용시켜서 하고 있는데
중국어로 된 사이트인데 처음엔 일반 폰트뜨다가 0.2초뒤에 폰트가 적용이 되요...ㅠ
바로 폰트 적용시키고 싶은데 어떻게 해야될까요.ㅠ
@font-face{font-family:"MSYH"; src:url(../fonts/MSYH.TTF); }
@font-face{font-family:"MSYH"; src:url(../fonts/MSYH.TTF.woff) format("woff");}
/* 초기화 */
html {overflow-y:scroll;font-family:"MSYH"}
body {margin:0;padding:0;font-size:0.75em;font-family:"MSYH"}
default_shop.css 파일입니다.
답변 4
일단 웹폰트 선언시에 용량이 큰 TTF를 먼저 선언하신게 눈에 밟히네요.
woff가 대부분 용량이 더 작을테니 순서 바꿔보시고요.
원래 웹페이지 로딩시에 웹폰트 로딩이나 DOM 위치변경등으로 인해 화면 깜박거리는 것들을 FOUC라고 합니다. 아래 링크 참고하세요.
우선 순서 변경은했는데 문제는 같긴해요
아무래도 중국글자라 폰트에 담긴게 많아서 로딩할때문제가 있는거같아요
버벅거려서 진즉 포기했어요~
헐..ㅠ 포기말고 방법이 없나요?ㅠ
상대경로로 설정하기 보다 도메인 주소가 들어간 절대경로로 변경해서 한번 테스트해보세요.
@font-face{font-family:"MSYH"; src:url(http://www.??????.co.kr/fonts/MSYH.TTF); }
@font-face{font-family:"MSYH"; src:url(http://www..??????..co.kr/fonts/MSYH.TTF.woff) format("woff");}
이렇게 넣었는데도 똑같네요
답변을 작성하시기 전에 로그인 해주세요.
