웹폰트가 오류가 납니다...
관련링크
본문
안녕하세요 새로 구매한 폰트가 추가가 안됩니다 ㅠㅠ
<발생 스텝>
1. 각각 ttf,woff,eot 파일을 업로드 한 후
2. /_wg/css/font.css 파일에
@font-face{ font-family:"AvantGardeGothicITC W01 Demi"; src:url("/_wg/library/font/5386567/09084aa9-ea01-41e8-a48b-f50a0140a5f8.eot?#iefix"); src:url("/_wg/library/font/5386567/09084aa9-ea01-41e8-a48b-f50a0140a5f8.eot?#iefix") format("eot"), url("/_wg/library/font/5386567/0d291d38-c6e0-490d-87d0-44a67459b66f.woff2") format("woff2"), url("/_wg/library/font/5386567/8f2d8a6d-bbd7-4e31-b0ae-e8463f00e5d8.woff") format("woff"), url("/_wg/library/font/5386567/e75a3380-27b0-4f88-9425-d3c364b421cb.ttf") format("truetype"); } ... ...
이렇식으로 모든 파일을 연결을 해준 다음
3. common.css 파일에서
body,code { font:0.75em AvantGardeGothicITC W01 Demi, AvantGardeGothicITC W01 Dm Obl, AvantGardeGothicITC W01 Book, AvantGardeGothicITC W01 Bk Obl, sans-serif; color:#353535; background:#fff; } input,select,textarea { font-size:100%; font-family:AvantGardeGothicITC W01 Demi, AvantGardeGothicITC W01 Dm Obl, AvantGardeGothicITC W01 Book, AvantGardeGothicITC W01 Bk Obl, sans-serif; color:#353535; vertical- align:middle; }
이렇게 수정해줬는데 다른곳에 연결되 있는 폰트가 연결이 되고 있습니다.
브라우저 디벨로퍼 툴로 CSS 파일 위치를 알 수 있는 방법은 없을까요?
제가 폰트 사자고 제안해서 비싼 폰트 샀는데 설치를 못하니 너무 눈치보이네요
제발 도움 부탁 드립니다~~~~~~~~~ ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ
답변 4
추가로 익스플로러 사용하시면
요소 검사 하시면, 스타일 창에 아래 동그라미 친 곳에 마우스 가져다대면 경로 나옵니다^^
font-family 지정시, 공백을 갖는 글꼴 이름일 경우 따옴표로 묶어줘야 합니다^^
font-family:"AvantGardeGothicITC W01 Demi", "AvantGardeGothicITC W01 Dm Obl"
sans-serif <--이런 기본글꼴은 따옴표로 묶으면 안되시구요~
0.75em ITC Avant Garde Gothic, FontNG, Verdana, Dotum, AppleGothic, sans-serif, xeicon !important
이게 먹혀있네요. 아래 파일에 있따고 나오네요.검색해서 찾아보세요
수정했습니다 정성스러운 답변 정말 감사드립니다~ 남은하루 행복한 하루 되세요~~~
빠른답장 너무 감사합니다 배모씨. 하지만 말씀하신데로 수정했는데도 자꾸 default.css 만 적용되네요 ㅠㅠ 우리 사이트응 왜이렇게 돈주고 산 폰트를 싫어하는 걸까요 그리고 default.csss 라는 파일은 위치를 찾을수가 없네요 ...
