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

서버에 폰트를 저장해서 폰트 사용하려고하는데 딜레이 채택완료

ilruo 10년 전 조회 5,265

제서버에 폰트를 적용시켜서 하고 있는데

중국어로 된 사이트인데 처음엔 일반 폰트뜨다가 0.2초뒤에 폰트가 적용이 되요...ㅠ

바로 폰트 적용시키고 싶은데 어떻게 해야될까요.ㅠ

</p><p>@font-face{font-family:"MSYH"; src:url(../fonts/MSYH.TTF); }
​@font-face{font-family:"MSYH"; src:url(../fonts/MSYH.TTF.woff) format("woff");}
​</p><p>
/* 초기화 */
html {overflow-y:scroll;font-family:"MSYH"}
body {margin:0;padding:0;font-size:0.75em;font-family:"MSYH"}​</p><p>

default_shop.css 파일입니다.  

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

답변 4개

채택된 답변
+20 포인트
10년 전

일단 웹폰트 선언시에 용량이 큰 TTF를 먼저 선언하신게 눈에 밟히네요.

woff가 대부분 용량이 더 작을테니 순서 바꿔보시고요.

원래 웹페이지 로딩시에 웹폰트 로딩이나 DOM 위치변경등으로 인해 화면 깜박거리는 것들을 FOUC라고 합니다. 아래 링크 참고하세요.

 

http://webdir.tistory.com/416" target="_blank">화면 깜빡임(FOUC) 문제해결

 

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

답변에 대한 댓글 1개

i
ilruo
10년 전
우선 순서 변경은했는데 문제는 같긴해요
아무래도 중국글자라 폰트에 담긴게 많아서 로딩할때문제가 있는거같아요

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

p
10년 전

상대경로로 설정하기 보다 도메인 주소가 들어간 절대경로로 변경해서 한번 테스트해보세요. 

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

답변에 대한 댓글 1개

i
ilruo
10년 전
@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");}

이렇게 넣었는데도 똑같네요

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

T
10년 전

헐..ㅠ 포기말고 방법이 없나요?ㅠ 

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

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

f
10년 전

버벅거려서 진즉 포기했어요~

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

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

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

로그인