묻고답하기
폰트 적용 문의 드려요ㅠㅠ
2015.08.19 16:41
어렵사리, 호스팅을 자가로 이전 시켰는데요... 수많은 변수를 헤쳤냈는데..
폰트에서 막혔습니다..
http://havehistory.com/birthday 들어가서 보면, 위쪽에 havehistory moment at home . . . . . . 쭉있는데.. 이때 폰트 모양과
아래 사진 아무거나 누르고 들어가면, 위쪽 폰트가 바뀝니다..ㅠㅠ
모바일에서는 문제없이 잘되는데 말이죠!!
아시는분 도움좀 부탁 드려요!!
댓글 3
-
SeungXE
2015.08.19 17:10
-
SeungXE
2015.08.19 17:11
위 콘솔을 좀 풀어서 설명하면 크로스 오리진 오류에요. www. 붙은 주소랑 안 붙은 주소랑 도메인 이름이 다르면서 크로스도메인 폰트 로드하니 오류가 뜨는 거에요. 제가 수정한대로 수정하시면 도메인네임 없이 절대주소로 받아오니 저렇게 하심 됩니다.
-
wormhole7
2015.08.19 17:17
와!!! 너무 감사 드려요!!! ^^
복 받으실꺼에요!!!!
크롬 콘솔에서 이렇게 뜹니다 :
Font from origin 'http://havehistory.com' has been blocked from loading by Cross-Origin Resource Sharing policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://www.havehistory.com' is therefore not allowed access.
지금 보시면 주신 링크는 www. 없는 주소고 폰트 문제는 www. 주소에서 발생하니 CSS의 폰트를 다르게 지정해주시면 될 것 같아요.
snap 레이아웃 아래 black.css 살펴보시고
@font-face {
font-family: Century Gothic;
src: url('http://havehistory.com/source/font/CENTURY0.eot');
src: url('http://havehistory.com/source/font/CENTURY0.eot?#iefix') format('embedded-opentype'),
url('http://havehistory.com/source/font/GOTHIC.TTF.woff') format('woff'),
url('http://havehistory.com/source/font/CENTURY0.TTF') format('truetype');
font-weight: normal;
font-style: normal;
}
부분을
@font-face {
font-family: Century Gothic;
src: url('/source/font/CENTURY0.eot');
src: url('/source/font/CENTURY0.eot?#iefix') format('embedded-opentype'),
url('/source/font/GOTHIC.TTF.woff') format('woff'),
url('/source/font/CENTURY0.TTF') format('truetype');
font-weight: normal;
font-style: normal;
}
로 바꾸시면 됩니다.