웹폰트 : 2뎁스 이상 폴더 있을 시 파폭에서 인식 불가능 문제
참
■ 발생 환경 : 파이어폭스
OS : 테스트 브라우저 : 익스5~11, 파폭, 크롬,크롬플러스,스윙,사파리, 비교 브라우저
(정상적으로 나오는 브라우저) : 파폭을 제외한 모든 브라우저에서 정상 작동
파폭에서도 메인 페이지는 정상 작동
.5em; ■ 문제발생 URL (jsfiddle, jsbin. codepen 등 활용):
http://
■ 발생 문제에 대한 자세한 기술:
코딩중에 잠시 이상한 점을 발견해 의견 나누고자 합니다.
이번에 들어간 홈페이지 규모가 상당해서 index를 제외한 서브 페이지들은 /sub/해당카테고리폴더/ .html 식으로 폴더를 형성했고웹폰트는 index가 있는 경로에font폴더cssimg등등이 있구요 .
참 아이러니 하게 메인에서 불러올땐 css 경로는
link rel=stylesheet type=text/css href=./css/default.css/link rel=stylesheet type=text/css href=./css/main.css/
서브페이지에서 불러올대는
link rel=stylesheet type=text/css href=../../css/default.css/link rel=stylesheet type=text/css href=../../css/sub.css/
이렇게 변환이 됩니다여기서 부터 문제의 시작입니다 . 웹폰트틑 default css가 있으나, 함께 불러오는 상태인데파폭에서 index는 웹폰트가 제대로 나오지만 , 서브페이지에서는 웹폰트가 전혀 읽히지 않습니다.
원인을 찾기 위해1차 경로 수정 했으나 경로가 올발라도 (모든 사이트가 웹폰트 표현) 파폭은 안되는점.2차 서브페이지의 경로를 최상단 으로 변경하니 (index 위치) 웹폰트가 나오는점 .
여기가지는 파악 했으나 여기까지일 뿐입니다.경로가 잘못됐다고 하기엔 다른 브라우저들이 비웃고 있고.경로를 최상단으로 끌어올리자니 유지보수가 힘들것 같은데참.. 아이러니 하게 다른 사이트를 제작할때도 이런 문제가 없었는데비도 오고 컴터도 힘든지 이상한데서 속을 썩이네요 .
혹시 이와같은 문제의 해결방안에 대해 함께 고민하실분 계신가요 ~
