저희 사이트 나눔고딕을 사용하는데 나눔고딕이 로딩되지 않아 디자인이 좀 틀어진다고 말씀하시네요. 그래서 나눔고딕을 PC에 설치해서 이상이 없어졌다고 하시는데요.

 

 

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

 

 

CSS에 위 문구를 넣어서 사용하는데요. 

 

문제가 있는건가요? 아니면 현재 구글CDN이 문제가 있는 건가요?

제 PC에 나눔고딕폰트를 지워보려했는데 지우기를 실패해서 저는 확인을 하지 못햇네요...

 

  • ?
    font family에 "Nanum Gothic" 이라고 해놨나요? PC에 나눔글꼴 설치하면 생기는 폰트 파일은 "NanumGothic"인데 구글 CDN에 올라와 있는건 "Nanum Gothic" 이라고 되어 있더군요
  • ? profile

    그럼 띄어쓰기를 해야 하는건가요???

     

    추가해 주려고 보니 그것도 포함되어 있네요....

  • ?
    그리고 나눔고딕은 그것만 문제가 아니라... font-weight가 700일 때 CDN에 있는 파일은 "나눔고딕-볼드"체를 불러오도록 되어 있는데, PC에 나눔고딕을 설치할 경우 Extrabold체를 불러옵니다. 그래서 나눔고딕 설치한 사람이랑 안한 사람이랑 다르게 보입니다

    전 그래서 webfont.css파일을 따로 만든 다음 레이아웃 상단에 다음 문구를 삽입하는 방식으로 쓰고 있습니다.

    <span cond="!Mobile::isMobileCheckByAgent()">
    <load target="css/webfont.css" />
    </span>
  • ? profile
    아.. 아니군요. 부분적으로 따로 선언한 부분에 빠져 있네요. 감사합니다. 이게 원인인듯 합니다.
  • profile ?
    구글 말고 jsdelivr.net 쪽을 추천드립니다. 구글은 속도가 느려서...

    https://xe1.xpressengine.com/forum/22768426
  • ? ?
    속도도 그렇지만 중국유저들은 js나 cdn을 구글 서버로 사용시 레이아웃이 깨져버리더라구요 메뉴 동작도안하고
  • ? profile
    감사합니다. 말씀 하신쪽으로 교체하였습니다.
  • ? profile

    어.. 근데 이상합니다. 앞에 선언된 "NanumGothic" 등을 크롬 개발자도구에서 지워버려서 "Nanum Gothic" 이 가장 앞에오게 했는데 폰트가 못불러오는 듯합니다.

     

    여기 XE타운도 순서가 컴에 설치된 나눔고딕이 먼저인데 그거 다 지우고 웹폰트를 남기면 못불러오고 바로 다음 폰트인 돋움으로 넘어가는 듯합니다.

  • profile ?
    브라우저 문제인거 같은데 모르겠네요. 전 크롬으로도 잘되는거 같아서... pc에서 글꼴을 일단 지워보셔야 할거 같네요. (지우기 실패하셨다고 하는데 전 잘돼서...)
  • ? profile
    혹시 여기 요소보기에서 웹폰트 나눔고딕을 제일 먼저오게 해 보셨나요? 제컴에서는 그렇게 하면 돋음으로 넘어가 버리네요. CDN의 나눔고딕을 못불러와요. 여기 XE타운도요...
  • ? profile
    태블릿PC에 나눔고딕이 없는 것으로 아는데요... 노트 10.1 같은.. 거기서 잘 보이면 문제가 없다고 봐야 할까요?
  • ? profile
    혹시 나눔고딕 없는 컴에서 저희 사이트 한번 봐주실 수 있나요?
  • profile ?
    사이트 주소 남겨주시면 이따가 확인해보겠습니다. 그리고 저는 크롬으로는 안해봤고 윈도우10의 ie11이나 엣지브라우저 개발자모드에서 해봤는데 정상적으로 불러옵니다
  • ? profile
    http://pomelove.com 입니다. 배너를 못보셨군요..
  • profile ?
    안되는거 같네요. 나눔고딕 설치된 PC에서는 잘 보이는걸 보니 웹폰트 css를 import하는 부분이나 font-family 정의하는 부분에 문제가 있는 것 같네요.
  • ?

    제 경우 첨부된 webfont.css 파일을 레이아웃의 css 폴더에 넣은 다음 layout.html 최상단에

     

    <load target="css/webfont.css" /> 

     

    을 이용해서 불러오고, layout.css파일의 font-family부분 찾아서 ng를 추가해줬습니다. 첨부파일 확인해보세요

  • ?

    참고로 전 css나 html에서 폰트 정의해놓은 부분을 모두 지운 다음 css파일에
     

    body,input,textarea,select,button,table{font-family:'Open Sans','나눔고딕','NanumGothic',ng,'맑은 고딕','Malgun Gothic','Trebuchet MS';font-size:12px;line-height:1.5;-webkit-font-smoothing: antialiased}


    이런 식으로 사용하고 있습니다.

  • ? profile
    그러게요. 일반적인 방법으로 import 한건데 안되네요. 방금 저도 컴을 리부팅하고 나눔고딕을 지우니 웹폰트가 안불러져 옵니다. 이런.....
  • ? profile

    오.. 됩니다. 첨부해주신 파일로 해서 하니 되네요. 기존에 되던 방식이 안된다고 하시는 말씀이 맞네요. 지금 나눔고딕을 컴에서 지웠더니 여기 XE타운도 돋움으로 나오는거 같아요.

     

    감사합니다!

  • ? profile
    정말 다시한번 감사드립니다!

    나눔고딕 설치 않하신 회원님들은 저를 얼마나 속으로 욕하고 계셨을지.. ㅡㅡ;
  • ?
    저도 한번 체크를 해봐야겠어요.